test-driven-development
OBobra/superpowers298k近 7 天新增 2,631 个 star
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.
- Star
- 74,442
- 分类
- 浏览器与测试
- 许可证
- MIT
- 最近提交
- 2026年10月6日
skills/accessible-tooltips/SKILL.md
在 GitHub 上查看Create accessible tooltips
Inaccessible tooltips leave keyboard and screen reader users without important contextual information, creating an unequal experience and potential confusion.
Quick Reference
- Tooltips must be keyboard accessible (focusable trigger)
- Use aria-describedby to associate tooltip with trigger
- Allow hover and focus to show tooltip, Escape to dismiss
- Ensure sufficient contrast and don't hide essential info in tooltips
Check
Verify tooltips are keyboard accessible, use appropriate ARIA roles (tooltip), and can be dismissed without moving focus.
Fix
Implement tooltips with role='tooltip', aria-describedby, keyboard triggering, and Escape key dismissal.
Explain
Explain the accessibility requirements for tooltips including keyboard access, ARIA attributes, and timing considerations.
Code Review
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
相似的 Skill
migrate-to-shoehorn
MAmattpocock/skills288k近 7 天新增 10,178 个 star
agent-runtime-gateway-smoke-test
AFaffaan-m/ECC278k近 7 天新增 4,046 个 star
精选
ai-regression-testing
AFaffaan-m/ECC278k近 7 天新增 4,046 个 star
官方
firecrawl-build-interact
FIfirecrawl/firecrawl191k近 7 天新增 2,010 个 star