OpenParable
Skip to content
← Back to skills

Aria Valid Attr

Testing & Quality
aria-valid-attr

Aria Valid Attr is an Agent Skill for testing & quality published in the thedaviddias/Front-End-Checklist repository on GitHub: a SKILL.md instruction file an AI agent can load to do this task.

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.

View on GitHub ↗
QUICK START

How to use this skill

Bring this guide into your coding agent with a prompt tailored to the tool you use.

  1. Open your project in Codex.
  2. Copy and paste the prompt below.
  3. Review files and risks before approving any action.
Prompt to paste
Inspect the Agent Skill at https://github.com/thedaviddias/Front-End-Checklist/blob/HEAD/skills/aria-valid-attr/SKILL.md and all supporting files. Report provenance, permissions, scripts, dependencies, and security risks. Propose an exact installation into .agents/skills/aria-valid-attr, but wait for my approval before writing files or running scripts.

Copying this prompt does not install or run the skill. Review third-party files before use.

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