Find agent skills by outcome

'categories:accessibility': ['error'

{ minScore: ${lighthouse_score:90} / 100 }]

import { axe

toHaveNoViolations } from 'jest-axe';

| Heading | Level + text (Heading level 2

About us) |

[ ] Arrow keys navigate within widgets (tabs

menus

// - Announce via aria-live region

OR

+-- Role: What IS this element? (role=dialog

role=tab)

+-- State: What condition? (aria-expanded

aria-checked)

+-- Property: What relationship? (aria-labelledby

aria-describedby)

Tools: WebAIM Contrast Checker

browser DevTools

| +-- YES: Use HTML (

| Minor | Inconvenience | Redundant alt text

minor heading order issues | Backlog |

| Moderate | Difficult but usable | Inconsistent navigation

unclear error messages | Next release |

| Serious | Major barriers | Poor contrast

missing form labels

| Critical | Blocks access entirely | No keyboard focus

empty buttons

- Best practice

not requirement

Accessibility Testing Superpower

| +-- Run automated scan first (axe-core

Lighthouse)

5. Test forms (F key

complete form submission)

where L1 = lighter luminance

L2 = darker luminance

axe-core: 0 critical violations

0 serious violations

4. Test tables (T key

arrow keys within table)

1. Navigate entire page with Tab key

listening to announcements

Combobox: [label]

combobox

Link: [text]

link