Gratis verktøy: Universell utforming

WCAG 2.2-sjekk for nettstedet ditt

Se hvor nettstedet ditt står på hvert av de 55 suksesskriteriene i WCAG 2.2 nivå A og AA. Hvert kriterium får én av fire statuser, så du ser hva automatiske tester har dekket, og hva et menneske fortsatt må sjekke.

Gratis. Tester opptil fem viktige sider på omtrent ett minutt.

Hva verktøyet sjekker

  • Hvert kriterium på nivå A og AA

    Alle 55 kriteriene, 31 på nivå A og 24 på nivå AA, i WCAG-rekkefølge med nummer og navn. 4.1.1 Parsing er utelatt fordi WCAG 2.2 merker det som foreldet.

  • Automatiske resultater knyttet til kriteriene

    Reglene i axe-core kjøres på siden du skriver inn og opptil fire viktige sider, og hvert resultat knyttes til suksesskriteriene som regelen tester. Et kriterium feiler når en av reglene feiler på en av de testede sidene.

  • Bevis fra tastaturtesten

    En Tab-test med 40 tastetrykk på den første siden gir grunnlag for 2.1.2 No Keyboard Trap og, som en heuristikk som vises til vurdering, for 2.4.7 Focus Visible.

  • Uavklarte resultater holdes atskilt

    Når en regel ikke kan komme fram til en konklusjon, for eksempel ved tekst over et bilde, viser kriteriene «Må vurderes» i stedet for bestått eller ikke bestått.

  • Synlige hull i stedet for en poengsum

    Kriterier som ingen automatisk regel dekker, merkes «Manuell kontroll» (Manual check). Ingenting slås sammen til en prosentandel som ville skjule hva som ikke ble testet.

Hva det ikke kan sjekke

  • Avgjøre kriterier som krever menneskelig skjønn, for eksempel 1.4.10 Reflow, 1.4.11 Non-text Contrast, 1.2-kriteriene om teksting og synstolking, og 3.3.1 til 3.3.4 om feil i skjemaer.
  • Gjøre «Ingen automatiske feil» (No automated failures) om til bestått. En regel som har kjørt og bestått, dekker bare det den regelen tester.
  • Lage en samsvarserklæring, en tilgjengelighetserklæring eller en VPAT. Samsvar vurderes av mennesker, ut fra hele sider og fullstendige prosesser.
  • Teste nivå AAA, eller sider utover de fem i skanningen.
  • Nå trinnene bak en innlogging eller i en kasse, der kriterier som 3.3.7 Redundant Entry og 3.3.8 Accessible Authentication vanligvis gjelder.

Hvorfor det er viktig

WCAG er skrevet som suksesskriterier, og det er slik revisjoner, innkjøpsteam og tilgjengelighetserklæringer beskriver et nettsted. En liste over regler som feiler, forteller deg hva du skal rette. En oversikt per kriterium forteller deg hva du allerede kan si om nettstedet, og hva du ikke kan si ennå.

Automatiske verktøy berører færre enn halvparten av kriteriene på nivå A og AA: axe-core knytter reglene sine til rundt 25 av de 55. For resten finnes det ingen pålitelig automatisk test. Programvare kan ikke avgjøre om en feilmelding foreslår en rettelse (3.3.3), eller om en side fortsatt fungerer ved en bredde på 320 CSS-piksler (1.4.10). Når disse listes som manuelle kontroller, ser du hvor det fortsatt må testes.

Selv et kriterium uten automatiske feil kan være brutt. Reglene for 1.1.1 Non-text Content sjekker at et bilde har alt-tekst; de kan ikke se at alt="IMG_2041.jpg" er ubrukelig for noen som ikke kan se bildet.

Slik leser du resultatene

Ikke bestått
Minst én automatisk regel knyttet til dette kriteriet feilet på en testet side. Dette er et sikkert problem; testen av universell utforming viser elementene og sidene bak det.
Må vurderes
En automatisk kontroll flagget noe den ikke kunne avgjøre, for eksempel kontrasten på tekst over en fargeovergang. Et menneske må se på elementet.
Ingen automatiske feil
Minst én axe-core-regel knyttet til kriteriet har kjørt og bestått. Dette er ikke samsvar: reglene dekker bare en del av det kriteriet krever.
Ikke utløst
Det finnes automatiske regler for dette kriteriet, men ingenting på de testede sidene ga dem noe å sjekke, for eksempel ingen video for tekstingsreglene eller ingen skjemaer for ledetekstreglene. Test det manuelt hvis nettstedet ditt har slikt innhold andre steder.
Manuell kontroll
Ingen automatisk regel dekker dette kriteriet, så skanningen sier ingenting om det, verken den ene eller den andre veien. Test det manuelt.
Nivå A og nivå AA
Nivå A er minimum. Regelverk og retningslinjer som viser til WCAG, nevner som regel nivå AA, som omfatter alle kriteriene på nivå A.

Slik fikser du de vanligste problemene

  • 4.1.2 Name, Role, Value ikke bestått

    Egendefinerte kontroller bygget av div- eller span-elementer (menyer, faner, trekkspill, brytere) forteller ikke hjelpemiddelteknologi hva de er, eller om de er åpne. Bruk et innebygd <button> der det er mulig, gi det et navn, og sett aria-expanded eller aria-pressed slik at tilstanden blir lest opp.

  • 1.3.1 Info and Relationships ikke bestått

    Strukturen må ligge i markupen, ikke bare i stilen. Bruk ekte h2- og h3-elementer i stedet for avsnitt i fet skrift, ul eller ol for lister, th med scope for tabelloverskrifter, og ledetekster eller fieldset med legend for grupper av skjemafelt.

  • 3.1.1 Language of Page ikke bestått

    Legg til et lang-attributt på html-elementet, for eksempel <html lang="en">. WordPress-temaer skriver det vanligvis ut med language_attributes(); i et Shopify-tema bruker du <html lang="{{ request.locale.iso_code }}"> i layout/theme.liquid.

  • 2.5.8 Target Size (Minimum) ikke bestått

    Små ikoner og tettpakkede lenker er vanskelige å treffe med fingeren. Gjør hver trykkflate minst 24 × 24 CSS-piksler, eller gi små trykkflater så mye avstand at en sirkel på 24 px sentrert på hver av dem ikke overlapper en annen trykkflate. Padding gjør trykkflaten større uten å endre ikonet.

  • Slik går du gjennom de manuelle kontrollene

    Begynn med de raske. For 1.4.10 Reflow zoomer du et nettleservindu som er 1280 px bredt, til 400 % og sjekker at ingenting krever sideveis rulling. For 2.4.7 og 2.4.11 tabber du gjennom siden og sjekker at fokuset alltid er synlig og aldri skjules bak et fast toppfelt eller et cookie-banner. For 3.3.1 sender du inn et skjema med feil og ser om feilene beskrives tydelig i tekst.

Spørsmål om verktøyet

Hva ble endret på nivå A og AA i WCAG 2.2?

Seks kriterier ble lagt til: 2.4.11 Focus Not Obscured (Minimum), 2.5.7 Dragging Movements, 2.5.8 Target Size (Minimum), 3.2.6 Consistent Help, 3.3.7 Redundant Entry og 3.3.8 Accessible Authentication (Minimum). WCAG 2.2 legger også til tre kriterier på nivå AAA og fjerner 4.1.1 Parsing.

Hvorfor er ikke 4.1.1 Parsing med?

WCAG 2.2 merker 4.1.1 Parsing som foreldet og fjerner det, fordi nettlesere og hjelpemiddelteknologi ikke lenger er avhengige av markupfeilene det dekket. W3C påpeker at det for WCAG 2.0 og 2.1 nå regnes som alltid oppfylt for HTML-innhold.

Hvis jeg oppfyller WCAG 2.2, oppfyller jeg da også WCAG 2.1?

Ja. WCAG 2.2 er bakoverkompatibel: innhold som er i samsvar med 2.2, er også i samsvar med 2.1 og 2.0. Testing mot 2.2 dekker derfor de eldre versjonene som mange regelverk fortsatt viser til.

Kan jeg bruke dette til å skrive en tilgjengelighetserklæring eller en VPAT?

Det er et utgangspunkt, ikke en samsvarsrapport. En erklæring eller VPAT krever at hvert kriterium er vurdert, de fleste av et menneske; listene «Manuell kontroll» (Manual check) og «Må vurderes» viser hvilke som fortsatt trenger det.

Hvorfor står det «Manuell kontroll» ved så mange kriterier?

Fordi det ikke finnes noen automatisk regel for dem. Spørsmål som om en tidsfrist kan forlenges, om hjelp vises på samme sted på hver side, eller om en innlogging krever en hukommelsestest, avhenger av hvordan folk bruker nettstedet, ikke av markup som en regel kan lese.

Kilder

Relaterte verktøy

«Rapport om universell utforming» ($174, engangspris) bygger på hele den gratis skanningen og legger til flere sider, endringen du skal gjøre for hvert funn, en PDF og kontrolltester som bekrefter utbedringene dine.

Les mer om «Rapport om universell utforming»