Avsnittsrubriker

Vad kriteriet kräver

När en sida är uppdelad i avsnitt måste varje avsnitt ha en programmatisk rubrik. Kriteriet kräver inte att varje sida delas upp i avsnitt — korta sidor med ett enda syfte (en inloggningsskärm) klarar sig utan underrubriker. Men där avsnitt finns behöver de riktig <h1>–<h6>-kod så att hjälpmedelsteknik kan bygga en rubriköversikt.

Detta kriterium är på AAA-nivå, men den underliggande praktiken — att använda riktiga rubriker — är också underförstådd i 1.3.1 (Information och relationer) på A-nivå, så de flesta tillgängliga sajter klarar det incidentellt.

Hur du uppfyller det

• Använd <h1> för sidtiteln (en gång per sida) och gå nedåt genom <h2>, <h3> för kapslade avsnitt utan att hoppa nivåer.
• Ersätt <div class="heading"> och formaterade <p>-”rubriker” med riktiga rubriktaggar.
• Inled varje distinkt avsnitt av långformat innehåll (en artikel, en dokumentationssida, en inställningspanel med flikar) med en rubrik.
• För kortkomponenter som fungerar som samlingar av liknande avsnitt ger du varje kort en rubrik på lämplig nivå.
• Validera rubrikstrukturen med HTML5-dispositionsalgoritmen (axe DevTools, webbläsartillägget headingsMap eller W3C-validatorn).

Vanliga fel

• Fetstilta stycken som maskerar sig som rubriker — typografiskt övertygande, osynliga för skärmläsarens rubriklist.
• Rubriknivåer som hoppar (<h1> hoppar till <h4>) eftersom CMS-teamet valde nivåer efter teckenstorlek snarare än hierarki.
• Flera <h1>-element på en enda sida (godtagbart i HTML5-dispositioner men bryter navigeringen i de flesta hjälpmedel).
• Varje avsnitt märkt <h2> oavsett kapslingsnivå, vilket plattar ut strukturen.
• Hero-text märkt som <h1> medan den faktiska sidtiteln finns nedanför som <h2>.

Varför det spelar roll

För skärmläsaranvändare är rubrikstrukturen innehållsförteckningen. JAWS och NVDA visar den i en dialog (Insert+F6 i JAWS); VoiceOver visar den i rotorn. En sida utan rubriker, eller med rubriker enbart för visuell betoning, tvingar dessa användare att scrolla rad för rad. Även med ett AA-åtagande lönar det sig att behandla avsnittsrubriker som en grundläggande skrivnorm — det ger utdelning för SEO, innehållsåteranvändning och redaktörers välmående.