Share
Het creëren en ontwerpen van toegankelijke inhoud betekent meer dan alleen het kiezen van toegankelijke typografie. Zelfs met 'perfecte' lettertypefamilies op hun website kunnen mensen met een slecht zicht, cognitieve, taal- en leerstoornissen moeite hebben om de tekst te verwerken.
Laten we eens kijken naar alle stappen en ontwerpoverwegingen waarmee u rekening moet houden bij het toegankelijker maken van uw inhoud.
Deze zelfstudie maakt deel uit van Web Accessibility: de complete leergids, waar we een reeks zelfstudies, artikelen, cursussen en e-boeken hebben verzameld, zodat u de webtoegankelijkheid vanaf het begin beter begrijpt.
Het kan een beetje overweldigend zijn als je denkt aan alle elementen die je in overweging moet nemen bij het kiezen van een toegankelijk lettertype-schreef tegen schreefloos lettertype, lettertypevariaties, lettergrootte, tekenspatiëring, volgen ... om er maar een paar te noemen - maar als je het volgt de onderstaande richtlijnen zullen u de eerste stappen hebben gezet om uw website-typografie toegankelijker te maken.
Less is more als het gaat om toegankelijke typografie. De gemakkelijkste manier om uw typografie toegankelijk te maken, is door een algemeen lettertype te kiezen en het aantal lettertypen op uw website te beperken. Dit is vooral belangrijk voor uw hoofdtekstkopie. Studies tonen aan dat veelvoorkomende lettertypen het vaakst winnen wanneer de leessnelheid en gebruikersvoorkeur van verschillende lettertypen worden vergeleken.
Algemene fontfamilies die worden gebruikt voor toegankelijkheidVeelgebruikte lettertypen zijn onder meer:
Het is niet zo dat deze lettertypen inherent toegankelijk zijn, maar de meeste gebruikers die moeite hebben met typografische keuzes hebben deze lettertypen al gezien en geleerd hoe ze ermee werken (of er omheen werken).
Het onderzoek geeft niet aan of serif of schreefloze lettertypen gemakkelijker te lezen zijn. Dus deze keuze is helemaal van jou, zolang je algemene lettertypen of lettertypefamilies kiest die sterke en unieke karakters hebben.
Leesbaarheid: verschillen tussen Gill Sans en PT MonoVoor mensen met een visuele beperking of dyslexie kunnen bepaalde letters of combinaties van letters verwarrend zijn, dus het is belangrijk dat lettervormen duidelijk worden gedefinieerd en uniek zijn. Veelplegers zijn het 'ik' (ex India), 'l' (ex sla) en '1' (bijvoorbeeld één). Op dezelfde manier kunnen tekens zoals "b" en "d" en "q" en "p" soms worden gespiegeld (van links naar rechts of van boven naar beneden), zodat woorden zoals "gepikeerd" kunnen worden omgezet in een onzinnig woord zoals "qipueb "Of soms in een echt woord dat de betekenis van de inhoud geheel zou veranderen.
Er zijn enkele kenmerken die de leesbaarheid kunnen bevorderen. Dus als u op zoek bent naar uw volgende lettertypefamilie, let dan vooral op de volgende dingen en u bent op weg om een toegankelijk lettertype te kiezen:
Naast het kiezen van een gewone lettertypefamilie en het opletten van karaktereigenschappen, moet u voorkomen dat u fancy of handgeschreven lettertypen en / of lettertypen gebruikt die slechts één hoofdlettergebruik beschikbaar hebben (bijvoorbeeld alleen hoofdletters). Speciale lettertypen met cursieve of ongebruikelijke vormen of artistieke functies zien er misschien leuk uit, maar ze zijn veel moeilijker te lezen dan gewone lettertypefamilies.
Vermijd deze display-lettertypen bij het ontwerpen voor toegankelijkheidGebruik ook geen lettertypen die beweren toegankelijk te zijn of die een bepaalde handicap ondersteunen (bijvoorbeeld dyslectische lettertypen). Ze zijn verleidelijk om te gebruiken, maar er is geen duidelijk bewijs dat ze de lezers echt helpen. U kunt beter een algemeen lettertype kiezen dat de meerderheid van uw gebruikers al kent.
Mensen gaan er vaak van uit dat ze een toegankelijke lettertype hebben uitgezocht; het klopt niet! De volgende stap is om te overwegen hoe de lettertypen daadwerkelijk op een pagina worden gestileerd en om die in hun stijlgids op te bouwen, of op de een of andere manier bepaalde stijlen te beperken tot inhoudeditors / makers om ervoor te zorgen dat de typografie toegankelijk blijft.
Sommige lettertypen en opmaak kunnen problematisch zijn voor mensen met een handicap. Schermlezers negeren bijvoorbeeld vaak stijlmethoden, zoals vet en cursief, waardoor deze stijlen onbruikbaar zijn voor blinde gebruikers. Gebruikers met slechtziendheid of kleurenblindheid kunnen een deel van de tekst misschien niet zien als deze te klein is, terwijl andere gebruikers moeite hebben met het lezen van cursieve tekst.
Om deze redenen zou u de volgende richtlijnen moeten overwegen:
* Ja, we hebben in dit artikel tekst in een aantal afbeeldingen gebruikt, maar de inhoud wordt vaak in tekstuele vorm gerepliceerd en elke afbeelding heeft een beschrijvende alt label…
Met het aantal mensen met een of andere variant van kleurenblindheid, slechtziendheid of volledig blind (alles samen ongeveer 9% van de wereldbevolking), is dit een zeer groot gebied waar ontwerpers een directe en onmiddellijke impact kunnen hebben op toegankelijkheid van de website.
Voorbeeldkleurratio voor lettertypenEr zijn veel zaken waarmee u rekening moet houden bij het toegankelijk maken van uw inhoud vanuit een kleurperspectief, inclusief:
Hoewel uw keuze voor typografie en styling zeker kan helpen om een website vanuit een toegankelijkheidsstandpunt te maken of te breken, moet het belang van structuur en lay-out niet worden genegeerd. Hoe uw website is ingedeeld (UI) en hoe mensen daadwerkelijk omgaan met uw website (UX) zijn even belangrijke factoren bij het toegankelijk maken van uw inhoud. Gebruikers met schermlezers, leesstoornissen, leerstoornissen of aandachtstekortstoornissen zullen vooral baat hebben bij een duidelijke lay-out en beknopte inhoud.
Zie elke pagina op uw website als een schets van een verhaal. Door uw webpagina's als afzonderlijke verhalen te beschouwen, kunt u de algehele paginastructuur plannen met behulp van koppen, subkoppen en alinea's. Een groot stuk daarvan is het maken van kritische elementen visueel van elkaar te onderscheiden. Als ze te dicht bij elkaar in de buurt zijn, kan het moeilijk zijn om te bepalen waar het ene element begint en het andere eindigt, vooral als ze een vergelijkbare vormgeving hebben.
Voorbeelden van alineaafstandenVoor mensen met lees- of zichtproblemen kunnen lange tekstregels ook een barrière vormen. Deze gebruikers hebben moeite hun plaats te behouden en de stroom van de inhoud te volgen. Als je een smal tekstblok hebt, kun je gemakkelijker doorgaan naar de volgende regel in een blok. Het aantal tekens per regel in een alinea of tekstgedeelte (de "meetwaarde") mag niet hoger zijn dan 80. Voor Chinese, Japanse of Koreaanse tekens moet u elke lijndikte beperken tot 40 om te helpen bij focus en leesbaarheid.
Wanneer u uw paginastructuur en -lay-out bekijkt, moet u er ten slotte zeker aan denken allemaal uw gebruikers. De pagina moet logisch zijn voor gebruikers op elk breekpunt en apparaat met behulp van een muis, toetsenbord, touchscreenscherm of ander apparaat met adaptieve technologie. Zodra deze skeletstructuur op zijn plaats is, komt de vormgeving van elke zin en alinea in het spel.
Voor mensen met cognitieve en aandachtstekortstoornissen is witruimte nuttig om de leesfocus te behouden. Het is het beste om de afstand tussen elke zin in te stellen op 1,5 ten opzichte van de lijnhoogte van uw type. Binnen paragrafen moet de spatiëring minstens 1,5 keer groter zijn dan de regelafstand om nieuwe delen van de inhoud duidelijk te definiëren. In de meeste gevallen mag de regelafstand niet groter zijn dan 2,0 en mag de afstand tussen alinea's niet groter zijn dan 2,0 keer groter dan de regelafstand, anders loop je het risico je lezers te laten afleiden.
Volledig gemotiveerde tekst versus links uitgelijnde tekstEvenzo hebben mensen met bepaalde lees- of cognitieve beperkingen moeite met het lezen van tekst die volledig gerechtvaardigd is. De ongelijke spatiëring tussen woorden in volledig verantwoorde tekst kan ervoor zorgen dat "rivieren in de ruimte" de pagina vormen, waardoor inhoud moeilijk te lezen is. Tekstvervaardiging kan er ook voor zorgen dat woorden dicht op elkaar worden samengevoegd of op onnatuurlijke manieren worden uitgerekt, zodat lezers het moeilijk vinden om woordgrenzen te vinden.
Er zijn veel ontwerpoverwegingen om uw inhoud toegankelijker voor iedereen te maken. Enkele dingen om over na te denken en in te bouwen in uw ontwerpworkflow zijn:
Accentsconagua