Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →thedaviddias/aria-valid-attr-value
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use valid values for ARIA attributes. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
Passed 24 of 24 test cases with the skill, and 22 of 24 without it.
2 fixed22 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
Our automated CI accessibility scan flagged several ARIA issues in our checkout form snippet containing custom inputs and toggle buttons. Please inspect all accessibility attributes for spec-compliant values, point out the exact lines that fail, generate the updated markup conforming to proper standards, and explain why assistive tech needs these exact formats to convey state.
| Checked | Without skill | With skill |
|---|---|---|
| The response instructs verifying the fix using browser accessibility tooling such as DevTools accessibility tree inspection. | Missed | Passed |
| The response explains that browsers ignore or misinterpret invalid attribute values when building the accessibility tree. | Passed | Passed |
The instructions your model reads when the skill loads.
Invalid attribute values cause ARIA properties to be ignored or misinterpreted by assistive technologies, leading to a broken or confusing user experience.
aria-expanded="true") are validaria-labelledby or aria-owns actually existValidate that all ARIA attribute values conform to the allowed types (boolean, integer, ID list, etc.).
Correct any invalid ARIA attribute values to match the expected format defined in the ARIA specification.
Explain why precise attribute values are necessary for browsers to correctly communicate element states to assistive technology.
Review the rendered markup and interactive states that affect Use valid values for ARIA attributes. 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/rules/accessibility/aria-valid-attr-value
test cases passed, vs 22 / 24 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.