Find agent skills by outcome

| Heading | Level + text (Heading level 2

About us) |

| +-- YES: Use HTML (

| Minor | Inconvenience | Redundant alt text

minor heading order issues | Backlog |

Tools: WebAIM Contrast Checker

browser DevTools

| Serious | Major barriers | Poor contrast

missing form labels

| Critical | Blocks access entirely | No keyboard focus

empty buttons

| Moderate | Difficult but usable | Inconsistent navigation

unclear error messages | Next release |

Accessibility Testing Superpower

where L1 = lighter luminance

L2 = darker luminance

- Best practice

not requirement

axe-core: 0 critical violations

0 serious violations

5. Test forms (F key

complete form submission)

Checkbox: [label]

checkbox

4. Test tables (T key

arrow keys within table)

1. Navigate entire page with Tab key

listening to announcements

Radio: [label]

radio button

Link: [text]

link

Combobox: [label]

combobox

[ ] Focus indicator visible (${focusindicatorwidth:2}px+ outline

3:1 contrast)

Button: [label]

button

[ ] Arrow keys navigate within components (tabs

menus

| AAA | Enhanced | Contrast < 7:1

sign language

2. Operable: UI navigable by all input methods (keyboard

touch

| ${wcag_level:AA} | Standard target | Contrast < 4.5:1

missing focus indicators