Månedens tips - mars: Bruk overskrifter på riktig måte

Overskrifter er like viktige i dokumenter som på nettet. Nå snakker vi ikke om klikkvennlige avisoverskrifter, men overskrifter som inndeler tekst i forskjellige seksjoner. Overskrifter gjør skumlesing enklere og seende bruker overskriftene til å raskt danne seg bilde av hvor relevant innholdet er for dem.

Om all tekst på nett ble presentert som om den var like viktig som omgivelsene, uten at den hadde noen form for struktur eller hierarki, da ville nok de færreste av oss orke å surfe.

Overskrifter - viktig for hvem?

Hoved- og underoverskrifter skaper et hierarki som er viktig for alle lesere. Overskriftene skal visuelt vise tekstens struktur til brukere som leser med øynene. Dessuten må overskriftene være kodet på riktig måte, slik at de gir samme gode støtten til å skumlese til personer som bruker opplesende hjelpemidler.

En korrekt overskriftsstruktur gjør det mye enklere for oss alle å raskt få oversikt og finne ut om vi er på rett sted, i tillegg blir lesingen både enklere og ofte mer effektiv. For personer som av ulike grunner sliter med lesing, er overskriftene enda viktigere og de hjelper også personer med kognitive funksjonsnedsettelser til bedre å forstå hva teksten handler om.

En bonus er også at det bli lettere for søkemotorene å indeksere sider på en god måte hvis det finnes relevante overskrifter, spesielt hovedoverskrifter.

Hvem sitt ansvar er det at overskriftene er korrekte?

Universell utforming er alle sitt ansvar. Dette kommer klart frem når det gjelder overskrifter;

  • Redaktørene som skaper innholdet må sørge for at overskriftene er forståelige, relatert til neste avsnitt på en logisk måte, passe lange og at de lokker til lesing.
  • Designerne som skaper utseendet må sørge for at overskriftene på ulike nivåer er visuelt tydelige og at de fungerer med resten av layouten. Om overskriftenes design og størrelse ikke samsvarer med hvordan innholdet blir brukt, er risikoen stor for at redaktørene ignorer de og i stedet finner opp et eget design, det blir ikke bra for noen.
  • Utviklere som skaper malen eller utformer editoren må sørge for at det er enkelt for redaktørene å finne rett overskriftsstørrelse og at de er korrekt kodet.

Kodeeksempel på hvordan en overskriftsstruktur kan se ut:

<h1>Hovedoverskrift</h1>
  <h2>Overskrift nivå 2</h2>
    <h3>Overskrift nivå 3</h3>
    <h3>Overskrift nivå 3</h3>
  <h2>Overskrift nivå 2</h2>

Hvilke suksesskriterier og krav handler om overskrifter?

WCAG 2.1 AA:
1.3.1
1.4.12
2.4.6

Vil du lære mer om hvordan du jobber med universell utforming av overskrifter og informasjon generelt, slik at alle dine brukere kan dra nytte av det du publiserer? Da er Funkas skreddersydde kurs en kjempegod start!

Funkas tips for universell utforming

Kontakt