Sådan arbejder du med webtilgængelighed

For os betyder det blandt andet, at:

• Indhold på vores hjemmesider skal kunne bruges med hjælpemidler som skærmlæsere
• Tekster skal være tydelige, korrekt stavet og lette at forstå
• Farver og kontraster skal leve op til gældende krav
• Navigation og struktur skal være logisk og ensartet

Webtilgængelighed er ikke kun et lovkrav – det forbedrer også den samlede brugeroplevelse for alle brugere.

Alle nye dokumenter og filer, der publiceres på vores websites, skal være webtilgængelige.

Det anbefales at minimere brugen af PDF, hvor indhold i stedet kan publiceres direkte i CMS. Når PDF’er anvendes, skal de altid være gjort webtilgængelige.

Dette kan hurtigt blive omfattende, og i mange tilfælde vil det derfor være en bedre løsning at publicere teksten direkte i Umbraco.

Ved længere tekster kan man med fordel anvende en indholdsfortegnelse i toppen af siden, så brugerne nemt kan navigere i indholdet.

Der findes flere værktøjer, som kan hjælpe i arbejdet:

• QualWeb - Er et gratis testværktøj til automatisk test af tilgængelighed på websider som Digitaliseringsstyrelsen benytter, når de tester vores sider.
• Assist Pro i Office-pakken kan bruges til at gøre Word- og PDF-filer webtilgængelige
• PAC 2021 kan anvendes til at teste, om PDF-filer lever op til kravene - ligger på alle PCére
• WAVE er et gratis værktøj til at teste webtilgængelighed på hjemmesider.

Som webredaktør har du ansvar for, at de sider og filer, du administrerer, lever op til kravene om webtilgængelighed. Det gælder både nyt og eksisterende indhold.

Du kan finde yderligere vejledning og inspiration hos Digitaliseringsstyrelsen, hvor der også findes guides og FAQ om webtilgængelighed.

Tjekliste for webredaktører

Vejledning til webredaktører - umbraco (pdf-fil)

Videoinformationsmøde for webredaktører (Side med video) 

Struktur og overskrifter

• Har siden en meningsfuld og beskrivende titel?
• Er overskrifter korrekt formateret i CMS (ikke manuelt formateret tekst)?
• Følger overskrifter en logisk struktur (H1 → H2 → H3 osv.)?
• Er indhold opdelt i tydelige afsnit?

Tekst og indhold

• Er teksten kort, klar og let at skimme?
• Er der skrevet, så indholdet også kan forstås uden visuel kontekst?
• Er sidens struktur konsekvent og genkendelig?

Links og navigation

• Er alle links beskrivende og forståelige uden kontekst?
• Er der undgået formuleringer som “klik her” og “læs mere”?
• Er det tydeligt, hvor et link fører hen?

Lister og tabeller

• Er punktopstillinger lavet via CMS’ets listefunktion?
• Er tabeller enkle og overskuelige?
• Har tabeller kolonneoverskrifter?
• Er korrekt tabelkomponent brugt - "Tabel"?

Billeder og grafik

• Undgå billeder, hvis de ikke er nødvendige
• Har alle relevante billeder en korrekt alt-tekst?
• Er dekorative billeder markeret korrekt (tom alt-tekst)?
• Beskriver alt-tekster meningen med billedet (ikke bare “billede af…”)?
• Hvis et billede er et link, beskriver alt-teksten handlingen?
• Er billeder af tekst undgået (medmindre logoer)?
• Er billedkarruseller brugt med omtanke og kan de pauses?

Farver og visuel formidling

• Formidles vigtig information ikke kun med farver?
• Er der tilstrækkelig kontrast mellem tekst, baggrund og elementer?
• Er der ikke henvisninger som “se boksen til højre”?

Video og formularer

• Har alle nye videoer undertekster og synstolkning?
• Har alle formularfelter tydelige labels og beskrivelser?

PDF og dokumenter

• Er PDF-filer undgået, hvor indhold kan ligge direkte på siden?
• Er alle anvendte PDF-filer gjort webtilgængelige?
• Er det sikret, at leverandører leverer tilgængelige PDF’er?

Kort og specialindhold

• Har kort et tekstalternativ med de vigtigste informationer?