Skip to content

Accessibility test guidelines

Lasse Febakke Straum edited this page Dec 23, 2024 · 10 revisions

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