Det kan være avskrekkende med en tekst uten klar disposisjon eller organisering. Overskrifter kan gjøre det lettere å jobbe med og forstå innholdet på grunn av den angitte strukturen.

Visuelt skiller ofte overskrifter seg fra resten av innholdet. Denne endringen i utseendet er ikke bare en kjærkommen visuell pause, men det hjelper også leserne med å skanne siden og finne det de leter etter.

Overskriftene på denne hjelpesiden gir deg for eksempel en rask titt på hvor du kan finne ut hvordan du kan bruke overskriftsnivå og anbefalte fremgangsmåter for overskriftsstrukturen.

Når overskrifter opprettes på riktig måte, gjør de det lettere å navigere på siden. Nettlesere, plugin-moduler og skjermlesere kan bruke overskrifter for å gå direkte til et tema. Brukere med skjermlesere kan for eksempel lytte til en liste over overskrifter, velge å hoppe direkte til overskriften de vil gå til, og begynne å lese derfra.

Overskriftsstruktur

Overskrifter bør følge en sekvensiell, synkende rekkefølge og bør ikke hoppe over et nivå. Tall brukes til å representere overskriftsnivået der 1 er det høyeste nivået og 6 er den laveste underdelen.

De fleste teknologier, inkludert skjermlesere, er begrenset til seks overskriftsnivåer. Hvis du går utover seks nivåer, kan det hende at overskrifter ikke leses, og det bør derfor unngås.

Overskriftsnivå 1 representerer ofte tittelen på nettsiden eller dokumentet. Du kan også se på det som en boktittel. Hvis boken er i tre akter, bør du bruke overskriftsnivå 2 for aktoverskriftene. Overskrift 3 blir deretter brukt for kapitteloverskrifter i hver enkelt akt og så videre.

Det er et lite problem når overskrifter ikke er i logisk rekkefølge. Mindre problemer bør fortsatt løses for å få en bedre opplevelse. 

Ally hjelper deg med å identifisere når overskrifter ikke er i logisk rekkefølge, og forklarer hvordan du kan korrigere det. Ally går gjennom disse kontrollene:

  • Finnes det overskrifter på nettsiden eller i dokumentet?
  • Starter overskriftsnivåene på 1?
  • Finnes det en logisk og konsekvent rekkefølge og hierarki? 
  • Går overskriftsnivåer utover overskriftsnivå 6?

Hvis innholdet ikke består noen av kontrollene, merker Ally overskriften som et problem.

Bruk Ally til å finne overskrifter som ikke er i en logisk rekkefølge

Bruk Allys tilgjengelighetsrapport for å finne og løse tilgjengelighetsproblemer på siden din. Bruk lenken som er oppgitt for rapporten, og logg på. Åpne rapporten, og se på listen over problemer i Tilgjengelighetsproblemer -tabellen.

Tilgjengelighetsproblemer-tabellen er både i Oversikt- og Domene-fanene. Start i Domene-fanen for å se problemer som er spesifikke for et domene.

Det er et lite problem når overskrifter ikke er i logisk rekkefølge. Bruk Mindre-fanen i Tilgjengelighetsproblemer-tabellen for å vise listen over mindre problemer. Velg problemer med overskrifter som ikke er i en logisk rekkefølge.

Hvis du starter i Oversikt-fanen, velger du problemet og deretter domenet med problemet. Overskriftsproblemer kan starte med Dokument eller HTML i listen.

Fra listen over problemer i domenet velger du poengindikatoren ved siden av et element med problemet. Innholdsredigeringsprogrammets tilbakemeldingspanel åpnes.

Forhåndsvis overskriftene som ikke er i logisk rekkefølge

Allys tilbakemeldingspanel viser deg en forhåndsvisning av innhold samt detaljert tilbakemelding og støtte for å hjelpe deg å fikse tilgjengelighetsproblemene dine. Bruk forhåndsvisningen for å se overskriftene som ikke er i en logisk rekkefølge.

Forhåndsvisningen fremhever hvor i dokumentet du kan finne spesifikke tilgjengelighetsproblemer. Fremhevingene viser alle forekomster av én problemtype av gangen. Hvis du for eksempel har problemer med overskrifter som ikke er i en logisk rekkefølge, fremhever forhåndsvisningen alle overskrifter dette spesifikke problemet forekommer.

Verktøy for forhåndsvisningen

Bruk forhåndsvisningsverktøyene for å utforske problemene i dokumentet ditt.

  • Gå gjennom forhåndsvisningen side for side.
  • Se hvor mange ganger et spesifikt problem vises.
  • Gå til andre steder problemet er fremhevet.
  • Vis eller skjul fremhevingene.
  • Zoom inn på eller ut av innholdet i forhåndsvisningen.
  • Hvis problemet er et vedlagt dokument, legg ved den originale filen.

Følg instruksjonene på Ally for å korrigere overskriftsnivåer

Ally antar at du har grunnleggende kunnskap om HTML og hvordan du bruker et CMS (Content Management System). For å følge fremgangsmåten må du vite hvordan du kan redigere en nettside i HTML-eller kildekode i CMS.

Sammen med forhåndsvisningen gir Ally deg en trinnvis veiledning om hvordan du kan løse problemet. Ally organiserer denne tilbakemeldingen i et beslutningstre. Alt du trenger å gjøre, er å lese retningslinjene og svare på spørsmålene. Finn ut hva problemet er, hvorfor det er viktig, og hvordan du kan utbedre det på riktig måte.

Velg Slik korrigerer du overskriftsrekkefølge for å følge fremgangsmåten.

Måter å bruke overskriftsnivå på nettsider på

Det finnes mer enn én måte å bruke overskriftsnivåer på nettsidene på.

  • HTML: Allys fremgangsmåte tar deg gjennom hvordan du finner og redigerer overskriftsnivåer i HTML. Finn nettsiden med overskriften. Rediger siden. I HTML-kode oppdaterer du overskriftskoden til riktig nivå. Lagre siden.
  • RTE: Enkelte CME-er har Rich Text Editor (RTE) som kan gi deg brukervennlige måter å bruke overskrifter. Finn overskriften på nettsiden. Velg overskriften, og bruk CMS-verktøyene for å legge til et nytt overskriftsnivå. Lagre siden.

Besøk w3schools for å finne ut mer om HTML og CSS

Hvorfor ser jeg ikke overskriftsnivået jeg vil velge som et alternativ?

Ally har ikke kontroll over overskriftsnivåene som er tilgjengelige i CMS. Ally ser etter en logisk overskriftsrekkefølge basert på overskriftsnivåene som brukes.

Det er lurt å begrense antallet overskriftsnivåer til seks. Det er imidlertid mulig at du ikke ser alle seks nivåer i innholdsredigeringsverktøyet.

Antallet overskriftsnivåer kan defineres i stilveiledningen for et nettsted og være en del av en mal. Ta en titt på veiledningen for sidestil før du gjør endringer.

I enkelte tilfeller er overskrifter på høyere nivå allerede brukt som en del av CMS. Tittelen på denne hjelpesiden er for eksempel et overskriftsnivå 1. Siden tittelen bruker overskriftsnivå 1, starter overskriftsnivåene i redigeringsverktøyet på nivå 2.

Du kan bruke overskriftsnivåene til å opprette en logisk overskriftsrekkefølge på siden.

Gode fremgangsmåter for overskriftsstruktur

Ikke gjør overskriftene visuelt uthevet fra innholdet med skriftstørrelse og farge. Bruk alternativene for overskriftsnivå som er oppgitt i redigeringsverktøyet.

Du bør alltid velge «Overskrift 1» for å gå til overskriften på høyeste nivå. Bruk «overskrift 2» for deloverskrifter, «overskrift 3» for overskrifter i underdeler og så videre. «Normal» brukes for brødtekst.

Hvis du oppdaterer et dokument, kan du bruke de innebygde overskriftsstilene i ordbehandlingsprogramvaren din.

Overskriftsstiler

Ikke gjør overskriftene visuelt uthevet fra innholdet med skriftstørrelse og farge. Det er viktig å bruke overskriftsnivåene som er oppgitt i innholdsredigeringsverktøyet eller de riktige overskriftskodene <h1>. De angitte overskriftsnivåene og kodene er viktige for brukere med skjermlesere for å navigere på siden.

Hvis du ikke liker stilen på overskriften, kan det være lurt å oppdatere malen.

Overskriftsstiler defineres ofte på stilveiledningen for en side og kan gjenspeile merkevarebygging. Ta en titt på veiledningen for sidestil før du gjør endringer.