Tilgængelig hjemmeside: En praktisk guide til bedre brugervenlighed

Tilgængelighed handler om at kunne bruge siden

En tilgængelig hjemmeside kan forstås og betjenes af flere mennesker, også når de bruger tastatur, skærmlæser eller forstørret tekst. Det handler både om design, indhold og den måde, siden er bygget på. En flot side er ikke nødvendigvis let at bruge uden mus.

Denne guide giver praktiske startpunkter, ikke en fuld tilgængelighedsvurdering eller juridisk rådgivning. Hvilke lovkrav der gælder, afhænger af virksomheden, tjenesten og de relevante regler. En enkel tjekliste er ikke dokumentation for, at alle krav er opfyldt.

Prøv hjemmesiden med tastaturet

Læg musen væk, og brug Tab til at bevæge dig mellem links og felter. Brug Shift og Tab til at gå tilbage. Du skal kunne se, hvilket element der har fokus, og komme til de funktioner, du har brug for. Åbn menuen, udfyld kontaktformularen, og prøv at lukke eventuelle dialoger.

Hvis fokus forsvinder, eller du bliver fanget i et felt eller en menu, er der et konkret problem at undersøge. Test også rækkefølgen: Den skal være forståelig i forhold til det, du ser på skærmen, ikke hoppe frem og tilbage mellem uvedkommende områder.

Gør tekst og handlinger tydelige

Tekst skal have tilstrækkelig kontrast til baggrunden. Brug ikke farve alene til at vise en fejl eller et valgt element; tilføj også en tekst eller et andet tydeligt signal. Det hjælper både læsere med nedsat syn og mennesker, der bruger skærmen i stærkt dagslys.

Links som 'Læs mere' kan være uklare uden den omgivende tekst. Beskriv destinationen, når det giver mening: 'Læs om vores webshops' fortæller mere. Knapper til forskellige handlinger skal have navne, der gør forskellen tydelig.

Kontroller formularer og fejlbeskeder

Hvert felt bør have en tydelig label, der bliver stående, også når kunden skriver. En placeholder er ikke en god erstatning for et feltnavn. Hvis en indtastning er forkert, skal kunden kunne forstå både problemet og hvordan det kan rettes.

• Angiv, hvilke oplysninger der er nødvendige.
• Beskriv fejl ved det relevante felt, ikke kun med en rød kant.
• Bevar kundens indtastninger, når det er muligt.
• Vis en tydelig bekræftelse eller næste handling efter indsendelse.
• Test formularen med tastatur og på en lille skærm.

Zoom og billeder skal også fungere

Forstør teksten eller zoom siden i browseren. Vigtige oplysninger og kontroller bør ikke blive skjult eller overlappe hinanden. En manuel test på forskellige størrelser kan afsløre problemer, som ikke er synlige ved standardvisning.

Informative billeder skal have et passende tekstalternativ, mens rent dekorative billeder normalt bruger tom alt-tekst. Et diagram kræver ofte en forklaring i den omkringliggende tekst. Målet er, at vigtig information ikke kun findes i et billede.

Kombinér automatiske og manuelle kontroller

Automatiske værktøjer kan finde nogle problemer, men ikke vurdere alle brugerforløb og tekstalternativer. Brug dem som supplement til manuelle tests, og prioriter fejl, der blokerer kontakt, navigation eller køb. Tag udgangspunkt i WCAG og relevante officielle vejledninger, hvis du har behov for en mere systematisk vurdering.