Toegankelijkheid

Profielen, Leesbaarheid, Contrast, Lettertype, Animaties, Toetsenbordnavigatie

Beschrijving: Hulpmiddel waarmee gebruikers de interface van de website kunnen aanpassen aan specifieke visuele, cognitieve of motorische behoeften, waardoor een comfortabelere navigatie voor iedereen wordt gegarandeerd.

Waar is het voor? (Praktische voorbeelden)

Dit hulpmiddel is essentieel om ervoor te zorgen dat je website bruikbaar is voor zo'n breed mogelijk publiek, inclusief gebruikers met tijdelijke of permanente beperkingen.

  • Verbeteren van leesbaarheid: Een slechtziende gebruiker kan met één klik de tekstgrootte vergroten en hoog contrast inschakelen.
  • Afleidingen verminderen: Een gebruiker met dyslexie of ADHD kan een specifiek lettertype of een leesmasker inschakelen om zich beter op de inhoud te concentreren.
  • Veiligheid waarborgen: Mensen die gevoelig zijn voor visuele prikkels kunnen animaties uitschakelen en de kleurverzadiging verlagen voor veiligere navigatie.

Belangrijkste functies

Het toegankelijkheidspaneel kan worden geopend via een zwevend pictogram aan de zijkant van het scherm en verdeelt zijn functies in vier hoofd categorieën:

1. Toegankelijkheidsprofielen (Snelle instellingen)

Deze profielen activeren automatisch een combinatie van hulpmiddelen die geoptimaliseerd zijn voor specifieke behoeften, waardoor je de site direct kunt configureren. Het activeren van één profiel schakelt automatisch de andere uit.

ProfielDoel
Veilig voor epilepsieVerwijdert animaties, bewegings effecten en vermindert het gebruik van verzadigde kleuren.
Voor slechtziendenVerhoogt het contrast en de tekstgrootte om de zichtbaarheid te verbeteren.
Voor cognitieve beperkingenMarkeert links en hoofdtitels om focus en oriëntatie te verbeteren.
ADHD-vriendelijkActiveert hulpmiddelen die visuele afleidingen verminderen, zoals het leesmasker.
Voor blindenOptimaliseert navigatie via toetsenbord en het gebruik van goed leesbare lettertypen voor schermlezers.

2. Inhoudsaanpassing

Deze hulpmiddelen werken direct op de presentatie van de tekst.

  • Tekst vergroten/verkleinen: Past de lettergrootte op de hele pagina aan, terwijl de oorspronkelijke verhouding behouden blijft.
  • Leesbaar lettertype: Past een standaard en helder lettertype toe (Arial) op alle tekstelementen.
  • Dyslexievriendelijk lettertype: Past een speciaal ontworpen lettertype toe dat lezen vergemakkelijkt voor mensen met dyslexie.
  • Titels markeren: Voegt een visuele markering toe aan titels (H1, H2, enz.) om het scannen van de pagina te vergemakkelijken.
  • Links onderstrepen: Zorgt ervoor dat alle hyperlinks duidelijk onderstreept zijn.

3. Visuele aanpassing

Deze hulpmiddelen wijzigen het kleur- en dynamische uiterlijk van de pagina.

  • Donker contrast: Past een donker thema toe (nachtmodus) op de hele site.
  • Hoog contrast: Verhoogt drastisch het contrast tussen tekst en achtergrond.
  • Lage verzadiging: Vermindert de intensiteit van kleuren.
  • Afbeeldingen verbergen: Verbergt alle decoratieve en fotografische afbeeldingen om visuele belasting te verminderen.
  • Animaties verminderen: Schakelt overgangs- en bewegingseffecten uit.

4. Navigatie en oriëntatie

Deze hulpmiddelen helpen gebruikers bij het volgen van inhoud en interactie met de muis.

  • Loep: Vergroot de tekst waarover de muiscursor beweegt.
  • Leesmasker: Verdonkert het grootste deel van het scherm, waarbij alleen een smalle horizontale strook zichtbaar blijft die de cursor volgt, wat helpt geconcentreerd te blijven op de huidige regel.
  • Leesgeleider: Biedt een horizontale lijn die de cursor volgt om te helpen bij het traceren van de tekstregel.
  • Grote zwarte/witte cursor: Vergroot de muiscursor en verandert diens kleur om beter zichtbaar te zijn.

Hoe stel je het in

De module vereist geen configuratie door de beheerder omdat deze ontworpen is om rechtstreeks door eindgebruikers gebruikt te worden.

Belangrijke opmerking: Alle door gebruikers gekozen instellingen worden opgeslagen in hun browser. Dit betekent dat zodra ze geactiveerd zijn, toegankelijkheidsvoorkeuren actief blijven elke keer als de gebruiker terugkeert naar de site, totdat ze worden uitgeschakeld of gereset.

Automatische integraties

Snelle toegang en persistentie

Het toegankelijkheidspaneel is altijd beschikbaar via een zwevend pictogram. Gekozen instellingen worden onmiddellijk toegepast en blijven actief zelfs nadat de browser is gesloten en opnieuw geopend.

Geassisteerde navigatie

De module voegt automatisch een link "Spring naar hoofdinhoud" toe aan het begin van de pagina. Dit is essentieel voor gebruikers die navigeren met toetsenbord of schermlezer, zodat zij snel navigatie-elementen kunnen overslaan en direct bij de centrale inhoud komen.

Resetten

Er is altijd een knop Resetten beschikbaar in het paneel, waarmee alle aangebrachte wijzigingen ongedaan gemaakt worden en het standaard uiterlijk van de site wordt hersteld.