varför läser en skärmläsare rubrikerna på min sida inte korrekt

Rubriker saknas eller är i fel ordning

En skärmläsare hittar vanligtvis inte rubrikerna på en sida korrekt eftersom de är visuellt formaterade som rubriker — större, fetstilt, en annan färg — men inte är kodade som rubriker. En skärmläsare läser sidans underliggande struktur, inte hur något ser ut. Om ett ord är i stora fetstilta bokstäver men det inte finns något rubrikelement (som h1, h2 eller h3) i koden bakom det, ser en skärmläsare bara en rad vanlig text och rapporterar inget om en rubrik. En användare som använder tangentbordet för att hoppa från rubrik till rubrik för att navigera snabbt, missar då denna text helt i sin överblick.

En felaktig ordning på rubriker är också en vanlig orsak till problem. En sida som hoppar direkt från en h1 till en h4, eller där en h3 står ovanför en h2, ger en skärmläsare en snedvriden bild av hur innehållet är strukturerat — vissa användare förväntar sig en logisk hierarki för att avgöra om de vill öppna eller hoppa över ett avsnitt. Detta problem är inte isolerat från andra strukturfel på en sida: liknande problem uppstår vid formulärfält som inte läses upp korrekt och vid fokus hoppar under tangentbordsnavigering. I alla fall handlar det om samma kärna: den visuella presentationen är korrekt, men den underliggande kod som en skärmläsare använder är det inte.

Var detta finns i WCAG: information och relationer

Att struktur måste vara programmatiskt igenkännbar — alltså i koden, inte bara visuellt — följer av successkriteriet om information och relationer i WCAG 2.1, riktlinjen som EN 301 549 i praktiken är baserad på. Huruvida rubriker faktiskt är kodade som rubriker och står i en logisk ordning är något som en automatiserad kontroll till stor del kan identifiera; vad en automatisk skanning kan och inte kan hitta är en relevant distinktion här, eftersom en skanning kan se att rubrikelement finns men inte alltid kan bedöma om den valda layouten också är logisk för en användare.