Spring til indhold
Artikler·Mediegrafiker·Digital tilgængelighed

Digital tilgængelighed for grafiske leverancer

Når designet også skal kunne bruges af alle på skærm

Stadig mere af det, en mediegrafiker laver, ender på en skærm: hjemmesider, apps, nyhedsbreve, sociale medier og digitale dokumenter. Her er der en ekstra dimension ud over æstetik og teknik: indholdet skal kunne bruges af alle — også af mennesker med nedsat syn, farveblindhed, eller som bruger skærmlæser. Det kaldes digital tilgængelighed, og det er både god praksis og i mange tilfælde et lovkrav for offentligt rettet indhold.

§WCAG — den fælles standard

Den internationale standard for tilgængeligt digitalt indhold er WCAG (Web Content Accessibility Guidelines). Den beskriver, hvordan indhold gøres opfatteligt, anvendeligt, forståeligt og robust, og opdeler kravene i niveauer af stigende strenghed. Mange offentlige og offentligt støttede løsninger skal leve op til et bestemt niveau — så hvis du designer til den slags, er tilgængelighed ikke til diskussion, men en del af leverancen.

§Kontrast og læsbarhed

Et af de mest håndgribelige WCAG-krav handler om kontrast mellem tekst og baggrund. Lys grå tekst på hvid baggrund kan se elegant ud, men være ulæselig for mange. WCAG angiver konkrete mindstekrav til kontrastforhold, og kravet er lempeligere for stor/fed tekst end for lille brødtekst. Kontrollér dine farvevalg mod den gældende grænseværdi med et kontrastværktøj frem for at vurdere på øjemål.

§Farve må ikke stå alene

Et gennemgående princip er, at farve aldrig må være den eneste måde, et budskab gives på. Markerer du for eksempel fejl med rødt og korrekt med grønt, opfatter en rød-grøn farveblind ikke forskellen. Tilføj derfor altid en ekstra signal: et ikon, en tekst, et mønster eller en form. Det gælder også grafer og diagrammer, hvor kategorier ikke bør adskilles af farve alene.

§Alternativ tekst og struktur

  • 01Giv meningsbærende billeder en beskrivende alternativ tekst, så en skærmlæser kan formidle indholdet.
  • 02Rent dekorative billeder markeres, så skærmlæseren springer dem over.
  • 03Brug rigtig overskriftsstruktur (niveauer i rækkefølge), ikke bare stor, fed tekst.
  • 04Sørg for, at læserækkefølgen er logisk, også når layoutet er visuelt komplekst.
  • 05Gør links og knapper sigende — undgå 'klik her' uden kontekst.

§Tilgængelige PDF'er og dokumenter

Tilgængelighed gælder ikke kun websider. Et digitalt dokument — for eksempel en PDF — skal også være opbygget, så en skærmlæser kan læse det: med ægte tekst frem for tekst som billede, en korrekt læserækkefølge, beskrevne billeder og en logisk struktur med overskrifter. Et flot, men 'fladt' dokument, der bare er et billede af en side, er utilgængeligt, uanset hvor godt det ser ud.

§Tilgængelighed er god design

Det er en udbredt misforståelse, at tilgængelighed gør design grimt eller kedeligt. Tværtimod: stærk kontrast, klar struktur, læsbar typografi og budskaber, der ikke kun hviler på farve, er kendetegn ved godt design for alle. Tænker du tilgængelighed ind fra start frem for at lappe på det til sidst, bliver det sjældent en begrænsning — det bliver et kvalitetsstempel.

Tilgængeligt design er ikke design for de få — det er design, der virker for de mange, inklusive dem, andre glemmer.

Princip i digital tilgængelighed