Als vervolg hierop wil ik in dit artikel voorstellen doen om tekst en andersoortige content zoals afbeeldingen te integreren in een optimaal toegankelijke webpagina.
Een webpagina dient dan aan een aantal voorwaarden te voldoen.
De gewenste structuur in de webpagina:
Gevalideerde code in HTML5 en CSS3 waarborgen een snelle en soepele verwerking van de content.
Eén vaste en overzichtelijke indeling van de elementen op de gehele website aanhouden.
Een horizontale menubalk met zo min mogelijk items bovenaan plaatsen.
De webpagina in lengte (= hoogte) beperkt houden in verband met de overzichtelijkheid van de inhoud.
Tekst zo beknopt mogelijk houden en helder geschreven.
Geen afbrekingen in woorden zoals in 'over-zichte-lijk'.
Content per thema / item door alinea-indeling onderscheiden.
Alleen afbeeldingen gebruiken als ze een aanvullende functie op het onderwerp van de tekst hebben.
Een afbeelding binnen het figure-element plaatsen, ondersteund met het figcaption-element (hierbinnen kan een beschrijving van de afbeelding uitgebreider dan in alt-attribuut worden gegeven).
Het alt-attribuut binnen het img-element voorzien van een adequate en zeer beknopte omschrijving van de afbeelding.
Geen achtergrond-afbeeldingen gebruiken die de zichtbaarheid van de tekst (kunnen) verstoren.
De gewenste layout op de webpagina:
Bootstrap (responsive techniek) én Boilerplate (stabiele identieke weergave in alle typen browsers) toepassen.
Het geschikte lettertype: voorkeur voor een schreefloze letter zoals Roboto.
Lettergrootte passend maken zodat de leesbaarheid op elk scherm (klein of groot) gewaarborgd is.
Kies voor een optimaal contrast tussen de vooren achtergrond: zwarte letter - witte achtergrond en omgekeerd.
Tekst altijd links uitlijnen zodat de leespositie (hier: van helemaal links in beeld starten met lezen en doorlezen tot het einde van de regel) altijd duidelijk is.
Geen gebruik maken van kolommen; dit kan de leespositie ernstig bemoeilijken.
En 't liefst geen gebruik maken van tabellen, tenzij het gaat om een adressenlijst en dergelijke.
Voldoende ruimte houden tussen letters en woorden.
Voldoende witruimte tussen regels en alinea's aanhouden.
Afbeeldingen over de volle breedte van de webpagina weergeven.
En daarom rond afbeeldingen geen randen gebruiken.
De grootte van afbeeldingen op 100% procent instellen zodat de afbeelding op elk scherm gegarandeerd zo groot mogelijk en proportioneel wordt weergegeven.
Zorg voor een goed contrast tussen de achtergrond en afbeelding zodat de foto zo zichtbaar mogelijk is.
Afbeeldingen met veel lijnen eventueel naar zwart-wit omzetten voor het beeldcontrast; hiervoor kan een zwart-wit-filter worden ingesteld in de webpagina.
Gebruik geen achtergrond-afbeeldingen met tekst erop waardoor het optimale contrast tussen voor- en achtergrond wordt verstoord.
Tot slot: Voor dyslectici is het dus van belang dat niet alleen de (Nederlandse) tekst optimaal toegankelijk wordt gemaakt door gebruik te maken van klankzuivere spelling, maar ook dat de klankzuivere tekst ingebed wordt op een optimaal toegankelijk gemaakt digitaal platform zoals een website.
