Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →thedaviddias/accessible-tooltips
Use when reviewing templates, rendered HTML, or shared components related to Create accessible tooltips. Validate the final browser-facing markup, not just the source framework abstraction.
Passed 22 of 22 test cases with the skill, and 21 of 22 without it.
1 fixed21 passed either way0 still failing0 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.
I want to add a help icon next to a form input that shows additional instructions when hovered. A developer suggested using `<span class='help-icon' onmouseenter='showHelp()'>?</span>`. How should this trigger element be structured in HTML to ensure full accessibility?
| Checked | Without skill | With skill |
|---|---|---|
| The response uses a focusable element like button for the trigger. | Passed | Passed |
| The response links the trigger to the help message using aria-describedby. | Missed | Passed |
The instructions your model reads when the skill loads.
Inaccessible tooltips leave keyboard and screen reader users without important contextual information, creating an unequal experience and potential confusion.
Verify tooltips are keyboard accessible, use appropriate ARIA roles (tooltip), and can be dismissed without moving focus.
Implement tooltips with role='tooltip', aria-describedby, keyboard triggering, and Escape key dismissal.
Explain the accessibility requirements for tooltips including keyboard access, ARIA attributes, and timing considerations.
Review templates, server-rendered HTML, and shared components that output markup related to Create accessible tooltips. 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/accessible-tooltips
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.