How do I install the Aria Valid Attr skill?

Run npx skillmds@latest add thedaviddias/aria-valid-attr in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Aria Valid Attr safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Aria Valid Attr?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Aria Valid Attr free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Aria Valid Attr?

thedaviddias (@thedaviddias) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Aria Valid Attr by thedaviddias — Agent Skill

Name: Aria Valid Attr
Author: thedaviddias

Aria Valid Attr

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure ARIA attributes are valid. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

thedaviddias Updated Sep 17, 2026

File contents

Ensure ARIA attributes are valid

Invalid ARIA attributes are ignored by browsers and screen readers, potentially leaving users with disabilities unable to navigate or understand the interface.

Quick Reference

Use only valid, standard-defined ARIA attributes
Avoid misspelled or non-existent aria-* properties
Ensure screen readers correctly interpret element roles and states

Check

Identify any invalid or misspelled ARIA attributes on HTML elements.

Fix

Replace invalid ARIA attributes with their correct names as defined in the WAI-ARIA specification.

Explain

Explain how valid ARIA attributes enable assistive technologies to communicate element state and behavior to users.

Code Review

Review the rendered markup and interactive states that affect Ensure ARIA attributes are valid. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/accessibility/aria-valid-attr

Frequently asked questions