Valg af den rigtige skrifttype og dens præsentation: En nøgle til ADA-tilgængelige websteder

Webben er et offentligt sted, hvor alle har lige ret til at deltage, til at få adgang til, præsentere og hente oplysninger på trods af ethvert handicap. The Americans with Disability Act (ADA) blev vedtaget for at sikre lige muligheder for personer med handicap. Selv om internettet stadig var i sin vorden på det tidspunkt, er det nu en realitet, at den gælder for alle virtuelle steder, herunder digitale tjenester og onlineindhold.

For at opfylde deres juridiske og moralske forpligtelser er alle organisationer og virksomheder forpligtet til at gøre deres websteder og onlinekanaler tilgængelige for handicappede. En af de vigtigste søjler i udformningen af et tilgængeligt websted ligger i tekstindholdets læsbarhed og læsbarhed. Dette kan kun opnås ved hjælp af tilgængelige skrifttyper.

Vi har tilrettelagt denne guide for at hjælpe vores læsere med at besvare spørgsmål som Hvad er tilgængelige skrifttyper, og hvad er den bedste skrifttype at bruge til et websted? Læs videre for at finde ud af detaljerne om ADA-godkendte skrifttyper og deres egenskaber. Vi vil også dække nogle af de funktioner, der er nødvendige for at gøre et websted tilgængeligt for personer med synshandicap, ordblindhed og læseforstyrrelser.

En oversigt over skrifttypefamilier

Fonte og forskellige skrifttypefamilier har en vigtig plads i den digitale typografi. En skrifttypefamilie består af et sæt af forskellige skrifttyper, der deler lignende egenskaber og attributter vedrørende designstile. Forståelse af deres egenskaber kan hjælpe webdesignere med at vælge de mest tilgængelige skrifttyper til deres websteder. Selv om der findes mange skrifttypefamilier, opregner vi her fire af dem, som også kan konfigureres af en bruger i en webbrowser:

• Serif: Serif-skrifttyper har dekorationer eller udsmykninger i slutningen af en streg i et bogstav eller symbol.
• Sans-Serif: Sans er det franske ord for “uden”. Sans-serif-skrifttyper er enklere og har ikke de forlængede linjer eller funktioner i slutningen af hver streg i et bogstav eller symbol.
• Monospace: Monospace-skrifttyper har den samme bredde for hvert bogstav eller symbol. De kaldes også skrifttyper med fast bredde eller ikke-proportionale skrifttyper.
• Kursiv skrifttype: Kursive skrifttyper er skrevet på en flydende måde, der ligner håndskrevne ord. De enkelte bogstaver kan være sat sammen for at give et kunstnerisk indtryk.

Måleenheder

Der findes forskellige enheder til at definere skriftstørrelser:

• Ems (em): Denne enhed definerer en skriftstørrelse i forhold til størrelsen af det overordnede element i en HTML-side. Hvis det overordnede element i HTML f.eks. er 14 px, vil 2 em gøre det til 28 px.
• Rems (root ems): Når der anvendes rem-enheder, defineres alle skrifttyper relativt i forhold til skriftstørrelsen for rodelementet i HTML. Derfor er al tekst i HTML specificeret i forhold til én basisskrifttype og afhænger ikke af, hvor teksten er placeret i websidernes HTML-hierarki.
• Pixels (px): Dette er en absolut måleenhed og er ikke baseret på måling i forhold til et basiselement.
• Point (pt): Points er også en absolut måleenhed. WCAG anvender CSS3-værdier, hvor 1pt er 1,333 px. Derfor kan 14pt og 18pt oversættes til henholdsvis 18,5 px og 24 px.

Hvad gør en skrifttype utilgængelig?

Utilgængelige skrifttyper, der er udelukket fra listen over ADA-kompatible skrifttyper, er de skrifttyper, der:

• Gør teksten sværere at læse
• Gør det svært at skelne mellem formen på forskellige bogstaver og tegn
• Senker brugerens læsehastighed
• Har overlappende bogstaver eller tegn, hvilket gør det svært at skelne det ene bogstav fra det andet.

Hvis en skrifttype er dekorativ med pynt, bliver den svær at læse. Alle skrifttyper med dekorationer i slutningen af en streg kan blive sværere at læse for nogle brugere. Kursive skrifttyper eller skrifttyper i håndskriftstil gør også teksten utilgængelig, og derfor er de ikke de bedste skrifttyper at bruge til et websted.

Hvad er tilgængelige skrifttyper?

Når man designer et websted, er et af de vigtigste aspekter valget af den rigtige skrifttype og dens præsentation. Langt de fleste hjemmesider kræver en masse tekstindhold, som skal kunne opfattes og ses. Nøglen til et tilgængeligt websted er derfor læsbarheden af teksten i det, hvilket kommer til udtryk ved hjælp af forskellige skrifttyper og farver.

Hvilke standardskrifttyper er tilgængelige?

Der er desværre ikke enighed blandt eksperter om, hvilken skrifttype der er mest læsbar til internettet, og hvilken skrifttype der bør anvendes, da forskellige brugere har forskellige sæt krav. F.eks. vil en målgruppe med svagtseende have et større behov for større tekst. Personer med et lavt synsfelt, men med en større klarhed i synet, vil have brug for flere tegn, så de passer ind i deres synsfelt, samtidig med at tekststørrelsen holdes lille. Mennesker med ordblindhed eller læseforstyrrelser har også deres egne behov.

Det er bedst, at webdesignere tilbyder fleksibilitet, så brugerne kan vælge deres egne skrifttyper. Hvis en webside bruger standardskrifttypen i webbrowseren, behøver en læser ikke at skifte til en anden skrifttype, hver gang websiden indlæses.

Selv om der ikke er noget fast krav til ADA-skriftstørrelse, er tilgængelige ADA-kompatible skrifttyper klare, rene og tydelige i modsætning til kursive eller håndskrevne skrifttyper. Der er almindelig enighed om, at seriefri skrifttyper er nemmere at læse og mere tilgængelige end deres serif-fonte modstykker. Listen over ADA-kompatible skrifttyper omfatter, men er ikke begrænset til Arial, Calibri, Century Gothic, Helvetica, Tahoma og Verdana.

Vigtigheden af tilgængelige skrifttyper

De fleste oplysninger på nettet formidles og udbredes via tekstindhold. En metode til præsentation af tekst er via .png- eller .bmp-billeder af tekst. Dette er dog af mange grunde ikke en brugbar mulighed. For eksempel forringes læsbarheden af billederne, når de skaleres. Desuden kan tekst i billeder ikke læses højt af skærmlæsere. Derfor bør al tekst på et websted bestå af tilgængelige skrifttyper, som kan læses og ses.

Design af et tilgængeligt websted med tilgængelige skrifttyper er nu ikke længere kun en anbefaling eller et valgfrit element. Det er obligatorisk; hvis et websted overtræder principperne om tilgængelighed, risikerer værtsvirksomheden eller virksomheden at blive mødt med store sanktioner, bøder eller retssager. Denne bøde kan være så høj som 75.000 dollars for den første overtrædelse og mere ved efterfølgende manglende overholdelse.

Der er anslået 32,2 millioner voksne med synshandicap i henhold til data fra National Health Interview Survey (NHIS). Dette omfatter ikke kun blinde personer, men også personer, der har et svagt syn på trods af, at de bærer briller. CDC forudser, at dette antal vokser hurtigt på grund af alders- eller sygdomsrelaterede synshandicaps.

Når der designes hjemmesider, vil virksomheder og forretninger, der henvender sig til dette store mindretal af befolkningen, naturligvis nyde godt af et bredere publikum. Det er en kendt kendsgerning, at hvis teksten er sværere at læse på et websted, vil det have en mindre læserskare og et begrænset antal sidebesøg. Derfor er tilføjelse af ADA-godkendte skrifttyper til et websted et vigtigt aspekt af at drive en succesfuld virksomhed.

Specialiserede skrifttyper

The British Dyslexia Association (BDA) påpeger følgende vigtige aspekter, som man skal være opmærksom på, når man designer websteder og vælger tilgængelige skrifttyper for personer med ordblindhed:

• Den valgte skrifttype skal være designet, så brugerne let kan se forskel på forskellige bogstaver og tal. For eksempel kan l (lille L), 1 og I (stort i) se ens ud.
• Bogstaverne b og d samt p og q er spejlbilleder af hinanden. Ordblinde personer kan have svært ved at skelne dem fra hinanden. Bogstaverne bør gengives, så de ikke længere er spejlbilleder.
• De fleste personer, som BDA har spurgt, foretrak et afrundet “g” og et afrundet “a”. En afrunding af disse bogstaver bør dog ikke resultere i, at de forveksles med et “o”.
• Bogstavernes afstand bør være tilstrækkelig til at skelne mellem forskellige tegn, f.eks. kan “rn” sammen forveksles med bogstavet “m”, så “learn” kan forveksles med “leam”.

Specialiserede skrifttyper er blevet designet til personer med ordblindhed, f.eks. Dyslexie og OpenDyslexic. Begge disse skrifttyper er frit tilgængelige og kan downloades uden omkostninger. De er blandt de bedste skrifttyper at bruge til et websted, når man henvender sig til ordblinde personer. Tilsvarende er Fs Me-skrifttypen til personer med indlæringsvanskeligheder og støttes af den britiske velgørenhedsorganisation for indlæringsvanskeligheder Mencap.

Opfyldelse af retningslinjer for tilgængelighed af webindhold

Retningslinjer for tilgængelighed af webindhold (WCAG) blev udviklet og offentliggjort af World Wide Web Consortium (W3C). Disse anbefalinger udgør den bredt accepterede standard for udformning af tilgængelige websteder og onlineindhold. I USA kræver Section 508 final rule direkte, at WCAG skal følges med mindst niveau AA-overholdelse. I forbindelse med ADA-relaterede retssager har justitsministeriet og de amerikanske domstole ofte henvist til disse retningslinjer for at vurdere tilgængeligheden af offentlige websteder.

WCAG har klare retningslinjer for tilgængelige skrifttyper for synshandicappede brugere, herunder attributter og designelementer som f.eks. farve, kontrast, størrelse og proportioner af teksten. Der er også anbefalinger til layout og struktur af tekstindhold, der gør en webside mere læsbar og tilgængelig. Det er vigtigt at indarbejde disse funktioner i et websted for at imødekomme brugere med svagtseende, ordblindhed, læseforstyrrelser eller andre kognitive handicaps.

Denne vejledning behandler de forskellige W3C-anbefalinger om valg af de bedste skrifttyper med henblik på tilgængelighed, vedligeholdelse af ADA-kompatible skrifttyper og deres vigtige funktioner.

Fontstørrelse og proportioner: Lad brugeren styre dem

Når man skriver tekst, varierer formen, og det afhænger også af sproget. Nogle alfabetformer er komplekse, mens andre er mere enkle og lettere at læse, selv ved mindre størrelser. Dette er hovedårsagen til, at der ikke er defineret en minimumsskriftstørrelse i WCAG. Følgende er vigtige aspekter at tage hensyn til, når man vælger de bedste skrifttyper for tilgængelighed og den bedste skrifttype til læsning på skærmen:

• Skriftstørrelser og enheder: Ifølge WCAG skal skriftstørrelsen angives ved hjælp af ems og rems, dvs. at retningslinjen foretrækker relative skriftstørrelser frem for absolutte enheder. Webdesignere bør undgå at fastsætte en basisskriftstørrelse i rodelementet. I stedet kan browserens standardskriftstørrelse anvendes, som kan tjene som referencepunkt til at definere alle andre skriftstørrelser. Hvis brugeren ændrer basisskriftstørrelsen, ændres hele siden i overensstemmelse hermed.
• Zoomfunktion: Brugerne bør have kontrol over skriftstørrelsen, herunder mulighed for at zoome tekst op til 200 %. Teksten skal forblive læsbar, når den forstørres, uden at den bliver overfyldt eller har overlapninger. Denne forstørrelse bør være mulig uden brug af hjælpemidler, f.eks. kan der på webstedet tilføjes en simpel styring som f.eks. en skyder til at forøge eller formindske tekststørrelsen. Denne funktion bør være tilgængelig på alle enheder, f.eks, mobil, desktop, tablet osv.

Tekstafstand: gør den relativ til skriftstørrelsen

WCAG 2.1 har følgende anbefalinger for tekstafstand:

• Rækkeafstand bør være indstillet til mindst 1,5 gange skriftstørrelsen.
• Rum efter et afsnit bør være mindst 2 gange skriftstørrelsen.
• Afstanden mellem bogstaver skal være mindst 0,2 gange skriftstørrelsen.
• Afstanden mellem ord skal være mindst 0,16 gange skriftstørrelsen.

Linjebredde: Tillad tekstombrydning

Generelt anvendes tegntallet som måleenhed for linjelængde. På trods af eventuelle handicaps er det sværere for folk at læse længere linjer end kortere linjer, da linjeskift giver øjnene mulighed for at hvile. I sidste ende bør linjelængden ikke overstige 80 tegn.

Personer, der har et mindre synsfelt, har brug for smallere tekstområder, hvor de let kan skelne slutningen af en linje og begyndelsen af den næste. Derfor bør linjelængden kunne styres af brugeren. Hvis de justerer visningsvinduet, bør tekstlinjerne automatisk vikles rundt og flyde igen, så brugeren kan læse teksten uden at scrolle vandret.

Afsnit: Juster afsnit til venstre eller højre

Alt webindhold bør være struktureret og organiseret i korte afsnit, og lange sætninger bør undgås. Afsnittene bør enten være venstre- eller højrejusteret. Selv om justeret tekst kan se mere visuelt tiltalende ud, bør det undgås, da ekstra mellemrum inden for linjerne gør teksten utilgængelig. Det samme gælder for centrerede afsnitsstile, som kan gøre det svært for en læser at finde starten på den næste linje.

Den kloge tilgang til skriftfarve

Effektiv brug af farver er vigtig for at formidle meningsfuld information til brugeren. Obligatoriske felter i formularer kan f.eks. markeres med farvemarkeringer, fejl kan vises med rødt, den blå understregede tekst angiver normalt hyperlinks, og grå kan anvendes til at vise handicappede formularfelter.

Selv om farver øger den æstetiske appel af en webside, bør man være opmærksom på at tage hensyn til personer med lav farveopfattelse, som måske ikke er i stand til at skelne farveforskellene. WCAG 2.1 angiver, at der bør anvendes alternative visuelle signaler til at skelne forskellige funktioner ud over blot farven.

Brug af farver er tæt forbundet med kontrastforhold. Det er vigtigt at have en god farvekontrast for at få en læsbar og tilgængelig tekst. Følgende punkter er vigtige, når man overvejer tilgængelige skrifttyper for synshandicappede brugere:

• Farvekontrasten skal gøre det muligt at skelne forgrundsteksten fra baggrunden. Den bør ikke være for lav eller for skarp.
• Tekstfarven grå (#77777777) på hvid baggrund er minimum for AA WCAG-niveauet. For større tekst er 52 procent grå (#828282) acceptabel.
• Returtekst, som er en lys forgrundstekstfarve på en mørk baggrund, bør så vidt muligt undgås, da den er sværere at læse.

Kontrastforhold: Gør alting tydeligt adskilt

Retningslinjerne i WCAG 2.1 for kontrastforhold er anført nedenfor:

1. 1. Overskrifter: Kontrastforholdet for tekstoverskrifter og større tekst bør være mindst 3:1. Tekst i 18 punkt eller fed tekst i 14 punkt betragtes som stor tekst og bør opfylde dette krav.
2. 2. Hovedtekst: For anden tekst end overskrifter skal der opretholdes et kontrastforhold på mindst 4,5:1.
3. 3. Logotype: Tekst, der er en del af et logo eller et mærke, har intet krav til kontrast.
4. 4. Tilfældig tekst: Tekst, der er en del af en inaktiv brugergrænseflade, ren dekoration, usynlig eller en del af et billede, og som ikke formidler meningsfuld information, har intet krav om kontrast.

Der er flere anbefalede måder at opretholde det anbefalede kontrastforhold på. Hvis et bogstav eller et tekstsymbol f.eks. er lysere i bunden, kan det krænke kontrastforholdet for hele bogstavet. I dette tilfælde kan en designer enten gøre baggrunden mørkere eller tilføje en tynd sort omrids til bogstavet for at opretholde det krævede kontrastforhold. Den relative luminans af forgrundsbogstaverne eller baggrunden kan også ændres for at opnå det ønskede resultat. De forskellige værktøjer, der kan bruges til at kontrollere kontrastforholdet, er anført på WCAG’s websted

Præsentation af tekst

Afhængig af at indarbejde skrifttyper til synshandicappede brugere er det også vigtigt at være opmærksom på tekstens layout og struktur. Når det gælder den overordnede præsentation af teksten på en webside, bør følgende nøglepunkter følges:

• Dokumenter bør skrives med den samme skrifttype eller så få skrifttyper som muligt. En side, der indeholder flere skrifttyper, selv om det er ADA-kompatible skrifttyper, er sværere at læse.
• Hot HTML-tags til overskrifter, f.eks. <h1>, <h2> osv. bør bruges til at formidle dokumentets struktur og hierarki og bør ikke anvendes, blot fordi der var behov for en bestemt skriftstørrelse for visuelt at fremhæve et element.
• Animeret og bevægelig tekst bør helt undgås.
• Tekstuelt indhold bør præsenteres via tekstdata frem for med billeder eller grafik. Skrifttyper af tekst, når de forstørres, mister generelt ikke deres læsbarhed og bevarer deres kvalitet. Billeder af tekst har tendens til at udvise den modsatte adfærd, og deres kvalitet kan forringes, når der zoomes ind.
• Der bør anvendes store bogstaver, og små versaler bør undgås.
• Fed skrift og kursiv bør ikke kombineres.
• Tekstblokke med kursiv er ikke tilgængelige og er sværere at læse.
• Understregning af tekst bør undgås, medmindre der er tale om et link.

Slutning

Afskaffelse af digitale barrierer og levering af den samme internetoplevelse for alle personer, med eller uden handicap, bør være den højeste prioritet for alle virksomheder og organisationer. For at opnå dette giver WCAG værdifulde anbefalinger til valg af de bedste skrifttyper til et websted, som gengiver læsbar tekst for alle brugere, herunder brugere med svagt syn, ordblindhed eller læseforstyrrelser.

Forretninger med ringe eller ingen ADA-erfaring kan henvende sig til eksperter, når de skal designe og oprette nye websteder eller afhjælpe deres eksisterende websteder. Ved at være proaktiv for at sikre tilgængeligheden af alt webindhold og alle onlinetjenester kan man undgå store bøder og skader.

Det er klogt at få hjælp fra et team af udviklere, designere og ingeniører, der har ekspertise og erfaring med at udvikle ADA- og 508-kompatible websteder. Som en del af vores webtilgængelighedstjenester tilbyder vi komplette pakker til udvikling af websteder baseret på WCAG-standarder, afhjælpning af ældre websteder og regelmæssige revisioner for at sikre tilgængeligheden af dit websted.