a11y/skip-link

Af content-framework-redaktionen · Opdateret
Tilgængelighed · scope: page · severity: warning

Page offers a skip-to-content link. Reglen a11y/skip-link kører i page-scope med severity 'warning' og indgår i tilgængelighed-domænet sammen med 7 andre kontrakter i frameworket.

Hvorfor skip-link findes

Keyboard and screen-reader users otherwise have to tab through the entire header/nav on every page. Gold standard: the first focusable element is an (optionally visually-hidden-until-focused) anchor to the main content, e.g. <a href="#main">Skip to content</a>.

Sådan håndhæves skip-link

Reglen skip-link evalueres på hver enkelt renderet HTML-side for sig, så et fund altid kan føres tilbage til én konkret side og én konkret rettelse i data eller template. Fejler en side, får agenten en finding, hvor fix-instruktionen for skip-link er formuleret som en konkret arbejdsordre med filnavne og målbare krav — aldrig et vagt råd. Severity 'warning' betyder at et brud på skip-link rapporteres uden at blokere builds — men guld-standarden er først nået, når også advarslerne er væk.

Domænet: tilgængelighed

A11y-domænet håndhæver WCAG 2.2-krav ud over hvad Lighthouse måler: landmarks, tilgængelige navne, ARIA-integritet, zoom-frihed og skip-links. Tilgængelighed og agent-læsbarhed er næsten samme akse — semantisk HTML tjener både skærmlæsere og sprogmodeller. Netop derfor hører skip-link hjemme her: kravet kan afgøres maskinelt, og dermed kan det håndhæves i stedet for blot at blive anbefalet.

Test og fixtures

Som alle kontrakter i frameworket har a11y/skip-link en mutant-test, der beviser at reglen fejler, når kravet brydes — en regel uden en fejlende test er ikke en regel. Golden-fixturet beviser omvendt, at en fuldt compliant side består skip-link sammen med de øvrige 85 regler, og denne demoside er selv underlagt hele kontrakten.

Relaterede regler

Tilbage til oversigten over alle 86 regler.