God praxis för tillgänglighet

Rubriknivåer bör endast öka med ett steg i taget

Rubriknivåer hoppas över (till exempel från H2 till H4), vilket gör sidans struktur förvirrande för skärmläsaranvändare.

Vad regeln kontrollerar

Säkerställ att ordningen på rubriker är semantiskt korrekt.

Därför spelar det roll

Skärmläsaranvändare navigerar med hjälp av rubriker. Det här är god praxis som stöder WCAG 1.3.1.

Den här regeln är en rekommenderad praxis: att den inte uppfylls är inte i sig ett WCAG-fel, så våra rapporter listar den separat från WCAG-felen.

Så åtgärdar du det

  1. Justera rubriknivåerna i de berörda sektionerna så att de kommer i ordning utan att nivåer hoppas över.
  2. Ändra bara taggen, inte det visuella utseendet (använd CSS-klasser för storleken).

Så kontrollerar du åtgärden

  • Skanna igen och kontrollera rubrikstrukturen med ett webbläsartillägg som HeadingsMap.

Så hittar FixReports det

Vår skanning kör axe-core-regeln heading-order i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.

Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.

Skanna din webbplats i dag

Hitta. Åtgärda. Verifiera.

Vilken typ av webbplats är det här?

Ditt svar väljer rätt kontroller, till exempel köpresan för webbutiker. Vi kontrollerar ändå webbplatsens egna tecken och visar båda.

Vilken typ av webbplats är det här?

Gratis skanning. Inget betalkort krävs.