Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →thedaviddias/accordion-accessibility
Use when reviewing templates, rendered HTML, or shared components related to Make accordions keyboard navigable. Validate the final browser-facing markup, not just the source framework abstraction.
Passed 21 of 22 test cases with the skill, and 21 of 22 without it.
1 fixed20 passed either way0 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
A test case the skill fixed. Same model, same prompt, with and without the skill.
We are implementing an accessible navigation menu button with a dropdown menu. Provide the HTML markup and ARIA attributes for a popup menu button.
| Checked | Without skill | With skill |
|---|---|---|
| The response uses aria-haspopup on the menu button. | Passed | Passed |
| The response manages focus navigation between menu items. | Missed | Passed |
The instructions your model reads when the skill loads.
Poorly implemented accordions trap keyboard users and leave screen reader users unable to understand or navigate collapsed content sections.
Verify accordions use button triggers with aria-expanded, aria-controls, and proper keyboard navigation (Enter, Space, arrows).
Implement accordions with button elements, aria-expanded state, aria-controls linking to content panels, and keyboard support.
Explain the ARIA pattern for accessible accordions and how they enable keyboard and screen reader users to navigate collapsible content.
Review templates, server-rendered HTML, and shared components that output markup related to Make accordions keyboard navigable. Flag exact elements, attributes, and routes where the rendered HTML violates the rule.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/rules/html/accordion-accessibility
test cases passed, vs 21 / 22 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.