Tilgængelighed og navigation
Sitemap
Sitemap - eller alfabetisk indholdsfortegnelse
Et websted bør have et sitemap eller en alfabetisk indholdsfortegnelse, der giver brugeren et overblik over webstedets indhold.
Sitemappen eller indholdsfortegnelsen skal både informere om indholdet og den generelle struktur på webstedet. I forbindelse med præsentationen af webstedet kan det også være en god idé at informere brugeren om, hvilke krav til tilgængelighed webstedet opfylder.
Links og linktekster
Linkteksten skal kunne forstås uden for sin kontekst
Når du skriver links på en hjemmeside, skal linkteksten kunne forstås uden for sin kontekst. Det vil sige, at linkteksten skal være beskrivende for den side, du sender brugeren videre til. Det er for eksempel ikke nok, at du skriver ”Klik her”, ”Læs mere her” osv. En sådan information vil en blind bruger ikke have megen glæde af. I stedet skal du skrive teksten i linket, så linket kan forstås uden for sin kontekst.
Eksempler:
”Klik her for at downloade blanketten vedrørende flyttemeddelelse til Folkeregistret”.
’’Læs mere om teaterfestivalen her’’.
Undgå at skrive hele url-adressen i linket
Du skal undgå at skrive hele url-adressen i linket, fordi en skærmlæser vil læse hele teksten op, hvilket kan være tidsrøvende for brugeren. Skriv i stedet en kort beskrivende tekst, som nævnt ovenfor ved hjælp af attributten ’title’.
Eksempel:
Html koden: <a ref="http://www.social.dk/ministeriets_omraader/ Det synlige resultat: |
Husk at give brugeren besked, hvis han/hun sendes til en ny side
Hvis du sender brugeren til en ny side via linket, skal du oplyse brugeren om det. I praksis kan det gøres ved at bruge attributten ’title’. Content management systemer vil ofte have indbygget en funktion til netop dette formål, hvor du kan skrive en supplerende tekst, når du vælger at henvise brugeren til en ny hjemmeside.
Eksempel:
Skriv for eksempel i tekstfeltet: ’’Åbner i nyt vindue’’.
Undgå at bruge enslydende linktekster der henviser til forskellige steder
Du bør undgå, at den samme linktekst viser forskellige steder hen. Det vil forvirre mange brugere, fordi man ikke ud af indholdet i linkteksten kan gennemskue, hvor man bliver vist hen.
Design af navigationsstrukturen
En klar, konsistent og logisk opbygning af navigationsstrukturen
Grundreglerne for design af websteder er, at man tilstræber en konsistent og logisk opbygning. Det vil sige, at man benytter sig af ensartede navigationsmåder, symboler, grafisk opbygning osv., der gør det nemt for brugeren at få overblik over hjemmesiden, såvel som at huske den. Overholder man disse mål, gør man det samtidig nemt for brugeren at lære at bruge hjemmesiden.
Disse grundlæggende regler er endnu vigtigere at overholde, når man taler om tilgængelig web. For en bruger med en kognitiv funktionsnedsættelse vil det for eksempel være meget vigtigt med en enkel, logisk og overskuelig opbygning af hjemmesiden, såvel som klar, konsistent og logisk navigationsstruktur. Det indebærer, at websiden vil være langt nemmere at forstå og bruge.
Man sikrer en klar, konsistent og logisk opbygning af navigationsstrukturen ved at være opmærksom på følgende punkter:
Billeder og ikoner skal have en konsistent betydning gennem hele webstedet
Man bør opbygge alle siderne på stort set samme måde. Bruges der billeder, skal de placeres de samme steder på siderne. Bruges der ikoner eller symboler, skal de have den samme betydning og funktion på alle siderne.Navigationsstrukturen skal være ensartet
Brugergrænsefladen, menuer, navigationsmetoder og funktionaliteter bør være opbygget ens på alle siderne.Brugergrænsefladen skal være ensartet
Når brugergrænsefladen skal være ensartet indebærer det, at det design, som man har valgt til forsiden, er genkendelig på alle siderne. Man kan godt afvige lidt fra designet, men brugeren må ikke være i tvivl om, at han/hun stadig befinder sig på det samme websted.Menuer skal være synlige hele tiden
Menuerne skal være placeret de samme steder, så brugeren altid ved, hvor han/hun skal navigere fra.Brug samme navigationsmetode på hele sitet!
Man skal fastholde den samme navigationsmetode gennem hele webstedet, så brugere ikke skal til at lære at bruge flere navigationsmetoder i forbindelse med brugen af webstedet.Informationsstruktur og funktionaliteter skal være ensartede
Det er også vigtigt, at informationsstrukturen er opbygget ensartet, således at man kan se logikken i den måde, man kan søge informationer på webstedet. Og det er vigtigt, at funktionaliteter er ensartede, dvs. at download, udfyldelse og afsendelse af formularer foregår på samme måde på hele webstedet.
Undgå blinkende, flimrende og urolig tekst/elementer
Undgå tekst eller indhold, der bevæger sig
Nogle mennesker med kognitive funktionsnedsættelser er ikke i stand til at læse tekst, der bevæger sig. Desuden kan bevægelser eller en flimrende skærm distrahere så meget, at de heller ikke er i stand til at koncentrere sig om at læse teksten på siden. Også mennesker med synsnedsættelse kan have svært ved at læse tekst, der bevæger sig. Derudover kan skærmlæsere ikke opfatte tekst, der bevæger sig.
Undgå flimrende skærme
Indholdet på en hjemmeside må ikke få skærmen til at flimre. Flimrende skærm kan skyldes, at der er tekst eller objekter, der bevæger sig, eller hvis hjemmesiden bliver opdateret automatisk.
Undgå rullende tekster
Rullende tekster bør så vidt mulig undgås, fordi en lang række brugere med syns- og læseproblemer kan have svært ved at læse disse tekster. Hvis en side indeholder rullende tekster, bør der være en funktion, hvor brugeren kan fastfryse bevægelser og opdateringer.
Undgå blinkende tekster
Blinkende tekster, objekter eller andre elementer bør undgås, fordi de kan være svære at opfatte for nogle mennesker med funktionsnedsættelse.
Undgå blinkende indhold på websider
Blinkende indhold kan forårsage anfald hos mennesker med fotosensitiv epilepsi. Anfald kan fremprovokeres, hvis indholdet flimrer med en høj intensitet og med en frekvens mellem 2-55 Hz.
Undgå automatisk åbning af vinduer
Det er vigtigt at undgå automatisk åbning af nye vinduer, f.eks. ved at musen kører hen over et element på skærmen. Det kan virke meget forvirrende for brugere med nedsat syn eller kognitiv funktionsnedsættelse. Gør i stedet sådanne valg til en aktiv handling, som brugeren selv vælger.
Du skal altid gøre brugeren opmærksom på, at siden åbnes i et nyt browservindue, f.eks. i forbindelse med klik på eksterne links.
Undgå at benytte automatiske pop-up vinduer
Undgå at benytte pop-up vinduer eller andet, der automatisk kommer frem på brugerens skærm ved aktivering. Hvis der bruges pop-up vinduer eller andet, bør disse være forsynet med en luk-funktion, der giver brugeren mulighed for at lukke vinduet. Vær også opmærksom på, at luk-knappen er tilgængelig, dvs. at den ikke er så lille, at den er vanskelig at ramme for mennesker med nedsat syn eller bevægelseshandicap. Luk-funktionen skal desuden være tilgængelig via brug af tastaturet.
I det hele taget kan det være uhensigtsmæssigt at benytte sig af pop-up vinduer, fordi mange brugere gennem deres sikkerhedsindstillinger på computeren har fravalgt pop-up vinduer. Derfor skal man ikke skrive vigtig information i et pop-up vindue. I stedet kan du lade den stå som et link, som brugeren kan vælge at åbne.
Navigering med både mus og tastatur
Navigering uden brug af mus
Det skal være muligt at bevæge sig rundt på et websted også uden brug af mus. Denne funktionalitet er målrettet de brugere, som ikke kan bruge en mus på grund af en motorisk funktionsnedsættelse eller som anvender skærmlæsere på grund af en synsnedsættelse.
Hvis man udelukkende bruger tastaturet, skal det være muligt at tabbe sig gennem alle menuer og links – såvel som at disse skal kunne aktiveres ved brugen af ’Enter’. Rækkefølgen af menuer og links bør være logisk, så de vigtigste menuer og links står først og mindre vigtige står til sidst.
NB: Hvis du slår CSS fra, kan du få et indtryk af, hvilken rækkefølge brugeren får præsenteret linksene i.
Java scripts kan have betydning for funktionaliteten
Hvis der er brugt java scripts i konstruktionen af webstedet, kan det indebære, at man ikke kan bruge tastaturet til at navigere rundt på sitet med. Eller hvis man som bruger har slået brugen af java scripts fra, kan det betyde at muligheden for at navigere via tastaturet er slået fra.
Navigering via overskrifter
Man bør give brugeren mulighed for at navigere i indholdet på en side uden at behøve at få alt læst op. Dette kan gøres ved at bruge heading tags til alle overskrifter. Overskrifterne sorteres i forhold til deres hierarki, således at heading 1 placeres øverst, mens heading 2 placeres efterfølgende og heading 3 placeres efter heading 2 osv. Denne metode giver et godt overblik over indholdet på webstedet, og giver brugeren mulighed for at tabbe sig frem fra overskrift til overskrift.
Tilbyd en skip-menu funktion
Det kan anbefales, at give brugeren mulighed for at springe den faste menu over. Det kan for eksempel gøres ved at placere et skip menu-link umiddelbart før menuen. Det vil være tidsbesparende for brugere, der bruger skærmlæsere, og som gerne vil undgå at få læst en menu op, som de har hørt 117 gange før.
Det kan også være en fordel for brugere, der kun bruger tastaturet, ikke at skulle tabbe sig igennem en menu, som de i forvejen kender.