Spring videre til hovedindholdet

Webtilgængelighed

Opdateret i går

Hvorfor er webtilgængelighed relevant?

Webtilgængelighed handler om at designe og udvikle hjemmesider på en måde, der gør det muligt for alle mennesker at bruge dem, uanset eventuelle funktionsnedsættelser, såsom nedsat syn. Ved at tage hensyn til webtilgængelighed kan man skabe mere inkluderende og tilgængelige hjemmesider for alle kunder.

Med udgangspunkt i dette er det derfor vigtigt, at der på kundevendt indhold såsom bestillingsformularer, login, e-mails og selvbetjeningen bliver tænkt over, at indholdet skal være tilgængeligt for alle. Dette er særligt vigtigt, hvis du selv styrer layout af indholdet, såsom på selvbetjening og velkomst e-mail.

Hvordan gør man indhold tilgængeligt

Herunder finder du en oversigt over nogle af de mest typiske fokusområder inden for webtilgængelighed.

  1. Vær opmærksom på farvekontrasten. Farvekontrast handler om, at ting skal være synlige og læselige for kunderne. Her kan der både være tale om farveforskel mellem eksempelvis;

    1. tekstfarve vs. knap farve

    2. knap farve vs. baggrundsfarve

    3. tekstfarve vs. baggrundsfarve.

    Minimumskravet er en kontrast på 4.5:1.

    Der findes online værktøjer til at tjekke farvekontrast såsom: https://webaim.org/resources/contrastchecker/ som også informerer om man overholder tilgængelighedskravene.

    Se eksempler på farvekontraster nedenfor. De, der er markeret med rødt X, overholder ikke minimumskravet.

  2. Hvis billedet indeholder oplysninger, der er nødvendige eller relevante for at forstå det indhold, som det indgår i (eksempelvis diagrammer eller illustrationer), skal I sørge for, at billedet har tilknyttet en alt-tekst, så skærmlæsere kan læse indholdet højt for brugeren. Er billedet kun dekorativt, er en alt-tekst ikke nødvendig.

  3. Linktekster, både i tekstform og på knapper, skal være sigende for det indhold, de linker til. ‘Her’, ‘Læs mere’ eller lignende er således ikke gode linktekster.

  4. Tilføjer I selv via kode, knapper i eksempelvis e-mail, skal I sørge for, at de som minimum har et klik område på 44*44 pixels.

  5. Brug overskrifter i den korrekte rækkefølge. Bruger man eksempelvis skærmlæser eller tastatur til at navigere sig gennem sitet, er det en hjælp, at der er styr på hierarkiet i indholdet. Eksempelvis er det ikke hensigtsmæssigt, hvis en overskrift springer fra H1 til H4.

  6. Laver du særlige ændringer i selvbetjeningen eller embed af den som iframe på jeres site, skal du yderligere være opmærksom på at sikre, at al funktionalitet og alt indhold kan tilgås ved hjælp af et tastatur eller en skærmlæser.

Ovenstående er en kort introduktion til webtilgængelighedskravene.
Hvis du vil dykke længere ned i emnet, findes der yderligere materiale og videoguides på Digitaliseringsstyrelsens hjemmeside.

Besvarede dette dit spørgsmål?