God praksis for universell utforming

Rekkefølgen for overksriftsnivåer skal være semtantisk korrekt

Overskriftsnivåer hoppes over (for eksempel fra H2 til H4), noe som gjør sidestrukturen forvirrende for skjermleserbrukere.

Hva denne regelen sjekker

Sørg for at rekkefølgen på overskriftene er semantisk riktig.

Hvorfor det er viktig

Skjermleserbrukere navigerer etter overskrifter. Dette er god praksis som støtter WCAG 1.3.1.

Denne regelen er anbefalt praksis: å bryte den er ikke i seg selv et brudd på WCAG, så rapportene våre viser den atskilt fra WCAG-feilene.

Slik fikser du det

  1. Juster overskriftsnivåene i de berørte delene, slik at de kommer i rekkefølge uten å hoppe over nivåer.
  2. Endre bare taggen, ikke det visuelle uttrykket (bruk CSS-klasser for størrelse).

Slik kontrollerer du utbedringen

  • Skann på nytt, og sjekk overskriftsstrukturen med en nettleserutvidelse som HeadingsMap.

Slik finner FixReports det

Skanningen vår kjører axe-core-regelen heading-order i en ekte Chrome-nettleser på hver side den tester, og rapporterer hvert element som feiler, med siden, markupen og, der det er relevant, et skjermbilde.

En automatisk test bekrefter at akkurat dette problemet finnes. Den kan ikke si om resten av siden er universelt utformet: noen barrierer viser seg først når et menneske sjekker siden.

Skann nettstedet ditt i dag

Finn det. Fiks det. Bekreft det.

Hva slags nettsted er dette?

Svaret ditt velger riktige sjekker, som kjøpsreisen for nettbutikker. Vi sjekker likevel nettstedets egne tegn og viser begge.

Hva slags nettsted er dette?

Gratis skanning. Du trenger ikke betalingskort.