Accessibility test guidelines

This is a page dedicated to test we do to ensure that our components follow the WCAG guidelines

Gjentagende tester:

Zoom (gjentagende)

Når jeg forstørrer grensesnittet til 400%

• er det ikke noe innhold som forsvinner, overlapper eller på andre måter blir vanskelig å forstå
• må jeg ikke scrolle i to retninger for å se alt innholdet

1.4.10 Dynamisk tilpasning (AA)

Når jeg forstørrer tekst til 200%

• er det ikke noe innhold som forsvinner, overlapper eller på andre måter blir vanskelig å forstå

1.4.4 Endring av tekststørrelse (AA)

NB: Her må vi bestemme om vi skal si at man ikke bare skal teste med browser zoom, men også kun tekstforstørring

Når jeg endrer tekstverdier

• er det ikke noe innhold som forsvinner, overlapper eller på andre måter blir vanskelig å forstå

Tips: Bookmarklets er den enkleste måten å teste dette kravet på. Disse endrer typografiverdiene til terskelverdiene for deg. Et eksempel her: Bookmarklet for text spacing

NB: Er det greit å tipse om slike verktøy?

1.4.12 Tekstavstand (AA)

---

Keyboard (gjentagende)

Når jeg bruker tastatur

• får komponenten en synlig fokusindikator
• fokusindikator har 3:1 kontrast
• og komponenten har flere interaktive elementer, når jeg alle med tastatur
• blir jeg ikke sittende fast

NB: Komponenter med spesielle mønster for tastatur navigasjon må ha disse definert i sine tester

1.4.11 kontrast for ikke tekstlig innhold (AA)

2.4.7 Synlig fokus (AA)

2.1.1 Tastatur (A)

2.1.2 Ingen tastaturfelle (A)

---

Accordion

Description

Zoom

Sett inn zoom regler når ferdig

Keyboard og navigasjon

Sett inn keyboardregler

Accordion åpnes når jeg trykker

• enter
• space
• VO-click
• med musepeker

Implementasjonstester

• Riktig rekkefølge på overskrifter

Potensielt ofte stilte spørsmål

Implemenstasjonstester Tester som burde gjøres når komponenten er i bruk i en tjeneste. Kan ikke gjøres av designsystemet VO-click Definer det her