Tilgjengelighet

Hvordan siden er bygget for skjermlesere

Alle 3000 oppslag har en fast struktur som gjør dem forutsigbare for skjermleserbrukere. Hvert oppslag begynner med en plasseringslinje, deretter en nøkkelfakta-tabell, bakgrunn, kjennetegn, eventuell avgrensning, sammenheng med andre oppslag, spørsmål og svar, kildeliste og dato for siste gjennomgang.

Overskrifter er kodet som h1 til h6 i riktig rekkefølge. Tabeller har overskrifter i th-elementer med scope-attributt. Lenker har beskrivende ankertekst, aldri «les mer» eller «klikk her».

Bilder har alt-tekst som beskriver innholdet. Det er ingen bilder som er dekorative uten alt-tekst.

• Alle skjemaer har tilhørende label-elementer.
• Fargekontrasten er testet mot WCAG 2.1 AA-kravene.
• Ingen innhold er skjult med CSS som gjør det utilgjengelig for skjermleser.

Tastaturnavigasjon

Siden kan betjenes fullt ut med tastatur. Alle interaktive elementer er fokuserbare, og fokusrekkefølgen følger den visuelle rekkefølgen.

Det er lagt inn synlig fokusindikator på alle lenkede elementer og knapper. Tab-tasten flytter fokus i logisk rekkefølge gjennom sidens innhold.

Det er ingen tastaturfeller: fokus kan ikke bli sittende fast i et element uten at brukeren kan komme seg videre.

• Escape-tasten lukker eventuelle utvidede elementer.
• Enter og mellomrom aktiverer knapper og lenker.
• Søkefeltet kan nås med tastatur og har autofullføring som er tilgjengelig.

Små skjermer og responsivt design

Norgespedia er bygget med et responsivt design som tilpasser seg skjermbredder fra 320 piksler og oppover. Teksten flyter i én kolonne på små skjermer, og tabeller blir horisontalt scrollbare eller omformatert til lister der det er mulig.

Skriftstørrelsen er satt i relative enheter (rem) slik at den kan forstørres av nettleserens innebygde zoom uten at layouten bryter sammen.

Knapper og lenkeområder har minimum 44x44 piksler trykkflate, slik at de er lette å treffe på en mobilskjerm.

• Menyen er kollapsbar på små skjermer og kan åpnes med en hamburgerknapp.
• Ingen horisontal scrolling er nødvendig for å lese hovedinnholdet.
• Bredden på tekstblokker er begrenset til 70 tegn per linje for god lesbarhet.

Hva som er testet

Tilgjengeligheten er testet med følgende verktøy og oppsett: NVDA skjermleser med Firefox på Windows, VoiceOver med Safari på macOS og iOS, og Chrome DevTools Lighthouse for automatisk testing av kontrast, ARIA og semantikk.

Testene dekker de mest brukte sidene: forsiden, et typisk oppslag (for eksempel temaet Norge), alfabetisk register og kontaktsiden.

Det er også testet med tastatur alene uten mus, og med zoom opp til 200 prosent i nettleseren.

• Lighthouse-rapportene gir en tilgjengelighetsscore på 95–100 for de testede sidene.
• Det er ikke testet med eldre skjermlesere eller alternative nettlesere som Lynx.
• Testene er utført av Silje Hovdenak selv, ikke av en ekstern tilgjengelighetsekspert.

Hva som fortsatt kan bli bedre

Navigasjonsstrukturen har i dag én meny på toppnivå med 13 temaer. For brukere som navigerer med skjermleser, kan det være tungvint å måtte gå gjennom alle temaene for å finne et spesifikt oppslag. En forbedring kunne være å legge til et søkefelt som er lett tilgjengelig fra alle sider, eller en hurtignavigasjonsmeny med hopp til hovedinnholdet.

Noen tabeller i oppslagene har mange kolonner og kan være vanskelige å lese på små skjermer. En fremtidig løsning kan være å gjøre dem om til lister eller å legge til en «vis som liste»-knapp.

Det er ikke implementert ARIA-landemerker på alle sider. Dette er en teknisk forbedring som vil gjøre navigasjonen raskere for skjermleserbrukere.

Brukeren har i dag ingen mulighet til å endre skrifttype eller linjeavstand via nettstedet selv. Dette er en funksjon som kan legges til i fremtiden.

• En hopp-til-innhold-lenke er på plass, men den er ikke synlig før den får fokus.
• Det er ingen støtte for talesyntese på siden utover det nettleseren selv tilbyr.
• Fargeblindhet er ikke testet systematisk, men kontrastene er valgt for å fungere for de fleste former for fargeblindhet.

Rapportering av tilgjengelighetsproblemer

Hvis du opplever et tilgjengelighetsproblem på Norgespedia, kan du melde det til Silje Hovdenak på e-post: silje@norgespedia.org. Hun svarer selv og retter feil så raskt som mulig.

Rettelser logges på rettelsessiden med dato, hva som var galt og hva det ble endret til.

Det er én person som svarer, og det står navnet hennes på det.