children, win, success

Webtilgængelighed for kirkelige hjemmesider

Webtilgængelighed (Accessibility) er nogle principper, der sikrer at alle kan få glæde af hjemmesiders indhold.

Der er lavet en lovgivning, der skal sikre at principperne overholdes på offentlige hjemmesider – således folkekirkens hjemmesider.

Læs: hvorfor hjemmesiden skal være tilgængelig for alle

Krav til hjemmesidens teknik og design

Teknik

Koden skal understøtte, at en skærmoplæser kan forstå siden (Der er ikke krav om at hjemmesiden skal have en indbygget skærmlæser).

Meget kan sikres ved opdateret kodning af hjemmesiden. Opgaven bliver typisk løst, hvis man har en hjemmesideudbyder som DKM, ChurchDesk eller Via Media

Design

Illustration - Fiktivt tastatur med knapper som hjælp for personer med udfordringer
Illustration – Fiktivt tastatur med knapper som hjælp for personer med udfordringer

Værktøj til at checke hjemmesidens webtilgængelighed

TIPS check webtilgængelighed for hjemmesiden

Klik og kom til en hjemmeside med evaluering af hjemmesidens webtilgængelighed. https://wave.webaim.org/

1. Farver og kontrast

Farvekontrasten mellem baggrunds- og forgrundsindhold (dvs. normalt tekst) skal være stor nok til at sikre læsbarhed.

Kirkelige hjemmesider skal overholde AA-klassificeringen.

Ved design af læsbare grænseflader til forskellige synsegenskaber anbefaler WCAG-retningslinjerne følgende kontrastforhold:

Type indholdMinimumsforhold (AA-klassificering)Forbedret forhold (AAA-klassificering)
Brødtekst4.5 : 17 : 1
Stor tekst (120-150 % større end brødtekst)3 : 14.5 : 1
Aktive brugergrænsefladekomponenter og grafiske objekter, f.eks. ikoner og grafer3 : 1Ikke defineret

Disse forhold gælder ikke for “tilfældig” tekst, såsom inaktive kontrolelementer, logotyper eller rent dekorativ tekst.

På hjemmesiden siegemedia.com/contrast-ratio kan du checke farver og contrast.

TIPS – Check farver og kontrast

På hjemmesiden siegemedia.com kan du lave et online check og se om du overholder AA-klassificeringen.

Jeg har checket viamedia.dk og den består farve og kontrast testen: Passes AAA level for any size text and AA for user interface components and graphical objects

DKM har også en guide til farver og kontrast

2. Tekst og skrifttyper

Overskrifter (korrekt formatering og struktur)

Word dokumenter – hvordan checker jeg at de er tilgængelige?

3. Udseende på links – skal være understreget

Links – lav sigende links. Skal kunne forstås uden at have den omliggende tekst – f.eks. links til konfirmation i NN kirke

4. Billeder og illustrationer

Der må ikke være tekst på selve billedet, da skærmlæseren ikke kan læse denne tekst. Der skal være tekst i tilknytning til billedet.

Billeder – der skal være alternativ tekst . (Ikke nødvendigt hvis de er rent dekorative). Præcis tekst skriv navn på person, kirkens navn osv.

Check om dine billeder har alternativ tekst Gratis Alt-tag check online

TIPS check om dine billeder har alternativ tekst

Nogle kan ikke se billeder. Når de får læst teksten op så skal der være en alternativ tekst

Videoer med undertekst

Videoer skal have undertekster.

TIPS Video kan tekstes på YouTube

Undtagelser for regel om tekstning af videoer:

  • Streaming og livevideo i Coronatiden er undtaget
  • Video og audio før 23. sep 2020 er undtaget
  • Hvis videoen er et alternativ til teksten så er det også undtaget.
  • Video fra tredjepart er der heller ikke krav til

Dokumenter

  • Dokumenter efter 23. september 2018 skal leve op til tilgængelighedskravene.
  • Det letteste er at lægge teksten ind som almindelig tekst. (I stedet for at lægge en PDF fil op).
  • Word har en funktion til at gøre det webtilgængeligt
  • PDF frarådes. (Hvis du vil bruge PDF så opsæt det tilgængeligt f. eks. med InDesign.

Kirkeblad kan laves tilgængeligt med InDesign – evt. brug undtagelsesreglen.

Sociale medier er også omfattet

Sådan kommer du videre med webtilgængelighed

Handlingsplan

  • Hjemmesideleverandør – tekniske kriterier
  • Tjek hjemmesiden igennem. Ret tekster. Lav designkriterier for redaktører.
  • Lav en tilgængelighedserklæring
  • Opdater tilgængelighedserklæring
  • Opkvalificer personer, som arbejder med online kommunikation
  • Lav et årligt check af hjemmesiden og sociale medier. Opdater tilgængelighedserklæringen.

Tilgængelighedserklæring

Fravigelser

Følg eller forklar model. Enten følger du kravene eller også skal det forklares, hvorfor det ikke kan lade sig gøre (uforholdsmæssige store krav).

Se eksempler på sogn.dk og stifters hjemmesider

Forskellige domænenavne kan pege på samme erklæring.

Men kirker kan ikke undslå sig, siger Digitaliseringsstyrelsen

Hvad kan der ske?

Man kan få et påbud om at:

  1. gøre konkret indhold tilgængeligt
  2. sikre en fyldestgørende og opdateret tilgængelighedserklæring eller
  3. anvise konkret tilgængeligt alternativ.

Baggrund for Webtilgængelighed

WCAG (Web Content Accessibility Guidelines)

WCAG 2.0 på niveau AA (Der findes også niveau AAA)

WCAG 2.0 blev offentliggjort den 11. december 2008.
WCAG 2.1 blev offentliggjort den 5. juni 2018.
WCAG 2.2 Draft er planlagt til at blive færdiggjort i 2023. Du kan finde flere oplysninger i Nyheder i WCAG 2.2 Draft.

WCAG udarbejdes af W3C (WWW Consortium)

Jf Retsinformation.dk/eli/ft/

Inspiration og links til webtilgængelighed

Digitaliseringsstyrelsens spørgsmål og svar side

Lav tilgængelighedserklæring /Was-tool

WCAG2 på dansk

Se andres hjemmesider

Haderslev Stift

Tilgængelighedserklæring
Eksempel på tilgængelighedserklæring fra LØSNING OG KORNING KIRKER

DKMs guide til redaktørarbejdet

DKM webtilgængelighed

DKMs guide til designkriterier

Kig på stiftets hjemmeside og læs vejledninger.

Credits – Tak til DKM for denne information

Tips og Tricks til webtilgængelighed og kommunikation. Viborg Stift

https://www.dkm.dk/loesninger-til-kirker/webtilgaengelighed/

Eksempel på webtilgængelighedserklæring domkirken i København

Designkriterier og designguide webtilgængelighed fra DKM

Digitaliseringsstyrelsen om webtilgængelighed

ChurchDesk sådan opfyldes krav om webtilgængelighed

Guide til GDPR fra ChurchDesk

2 kommentarer til “Webtilgængelighed for kirkelige hjemmesider”

  1. Pingback: Kontaktoplysninger - hvordan får jeg dem? - Via Media

  2. Pingback: Hjemmeside for alle - Via Media

Der er lukket for kommentarer.

Scroll to Top