General
PromptBeginner5 minmarkdown
+-- Role: What IS this element? (role=dialog
role=tab)
0
Explore
Find agent skills by outcome
118,765 skills indexed with the new KISS metadata standard.
Showing 24 of 118,765Categories: General, Coding & Debugging, Data, Cursor-rules
General
PromptBeginner5 minmarkdown
| +-- YES: Use HTML (<button>
<nav>
0
General
PromptBeginner5 minmarkdown
+-- State: What condition? (aria-expanded
aria-checked)
0
General
PromptBeginner5 minmarkdown
Tools: WebAIM Contrast Checker
browser DevTools
0
General
PromptBeginner5 minmarkdown
| Moderate | Difficult but usable | Inconsistent navigation
unclear error messages | Next release |
0
General
PromptBeginner5 minmarkdown
| Minor | Inconvenience | Redundant alt text
minor heading order issues | Backlog |
0
General
PromptBeginner5 minmarkdown
| Serious | Major barriers | Poor contrast
missing form labels
0
General
PromptBeginner5 minmarkdown
| Critical | Blocks access entirely | No keyboard focus
empty buttons
0
General
PromptBeginner5 minmarkdown
- Best practice
not requirement
0
General
PromptBeginner5 minmarkdown
Accessibility Testing Superpower
---
0
General
PromptBeginner5 minmarkdown
axe-core: 0 critical violations
0 serious violations
0
General
PromptBeginner5 minmarkdown
5. Test forms (F key
complete form submission)
0
General
PromptBeginner5 minmarkdown
where L1 = lighter luminance
L2 = darker luminance
0
General
PromptBeginner5 minmarkdown
Radio: [label]
radio button
0
General
PromptBeginner5 minmarkdown
4. Test tables (T key
arrow keys within table)
0
General
PromptBeginner5 minmarkdown
1. Navigate entire page with Tab key
listening to announcements
0
General
PromptBeginner5 minmarkdown
Combobox: [label]
combobox
0
General
PromptBeginner5 minmarkdown
Checkbox: [label]
checkbox
0
General
PromptBeginner5 minmarkdown
Button: [label]
button
0
General
PromptBeginner5 minmarkdown
Link: [text]
link
0
General
PromptBeginner5 minmarkdown
[ ] Arrow keys navigate within components (tabs
menus
0
General
PromptBeginner5 minmarkdown
[ ] Focus indicator visible (${focus_indicator_width:2}px+ outline
3:1 contrast)
0
General
PromptBeginner5 minmarkdown
description: Tests and remediates accessibility issues for WCAG compliance and assistive technology compatibility. Use when (1) auditing UI for accessibility violations
(2) implementing keyboard navigation or screen reader support
0
General
PromptBeginner5 minmarkdown
| ${wcag_level:AA} | Standard target | Contrast < 4.5:1
missing focus indicators
0