General
PromptBeginner5 minmarkdown
test('${component_name:component} is accessible'
async () => {
0
Explore
Find agent skills by outcome
81,322 skills indexed with the new KISS metadata standard.
Showing 24 of 81,322Categories: Research & Learning, General, Coding & Debugging, Cursor-rules, Data
General
PromptBeginner5 minmarkdown
import { axe
toHaveNoViolations } from 'jest-axe';
0
General
PromptBeginner5 minmarkdown
Tools: WebAIM Contrast Checker
browser DevTools
0
General
PromptBeginner5 minmarkdown
+-- Role: What IS this element? (role=dialog
role=tab)
0
General
PromptBeginner5 minmarkdown
+-- State: What condition? (aria-expanded
aria-checked)
0
General
PromptBeginner5 minmarkdown
| +-- YES: Use HTML (<button>
<nav>
0
General
PromptBeginner5 minmarkdown
+-- Property: What relationship? (aria-labelledby
aria-describedby)
0
General
PromptBeginner5 minmarkdown
| Minor | Inconvenience | Redundant alt text
minor heading order issues | Backlog |
0
General
PromptBeginner5 minmarkdown
| Critical | Blocks access entirely | No keyboard focus
empty buttons
0
General
PromptBeginner5 minmarkdown
| Moderate | Difficult but usable | Inconsistent navigation
unclear error messages | Next release |
0
General
PromptBeginner5 minmarkdown
| Serious | Major barriers | Poor contrast
missing form labels
0
General
PromptBeginner5 minmarkdown
Accessibility Testing Superpower
---
0
General
PromptBeginner5 minmarkdown
- Best practice
not requirement
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
Checkbox: [label]
checkbox
0
General
PromptBeginner5 minmarkdown
Link: [text]
link
0
General
PromptBeginner5 minmarkdown
Combobox: [label]
combobox
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
[ ] Focus indicator visible (${focus_indicator_width:2}px+ outline
3:1 contrast)
0
General
PromptBeginner5 minmarkdown
[ ] Arrow keys navigate within components (tabs
menus
0