De afdeling Communicatie heeft onderzoek gedaan naar de vraag in hoeverre de contrastverhoudingen in de huidige website voldoen aan de The Web Content Accessibility Guidelines (WCAG) die ontwikkeld zijn door het World Wide Web Consortium (W3C) en breed zijn geaccepteerd als de in acht te nemen standaarden voor digitale toegankelijkheid. Hieronder hebben we het alleen over een klein gedeelte van die standaarden namelijk die te maken hebben met de contrastverhoudingen van de lettertypes ten opzichte van hun achtergrond.
De door de VBN in de huisstijlgids voorgeschreven huiskleur EE7402 (de oranje kleur op de website) is in alle gevallen ongeschikt om als achtergrond te fungeren bij witte teksten, ongeachte de grootte van de letters. Ook het gebruik van oranje letters op een witte achtergrond scoort in alle gevallen ondermaats als het gaat om de contrastverhoudingen.
Een betere contrastverhouding wordt gevonden in de kleurstellingen binnen de volgende opties:
Gebruik een andere achtergrondkleur dan de huidige EE7402 (oranje)Â als je witte letters wil gebruiken op een oranje achtergrond.
De beste optie is dan op te schuiven naar de iets donkerdere (wellicht bruine kleur) C75302 die in de perceptie het dichtste in de buurt komt (volgens de contrastchecker) van de huidige gebruikte kleur. Deze nieuwe kleur voldoet aan de eis van de contrastverhouding.
Dit is een normale koptekst
En dit is bold
Dit is een normale koptekst
En dit is bold
Achtergrondkleur EE7402
Dit is een normale tekst
En dit is bold
Achtergrondkleur C75302
Dit is een normale tekst
En dit is bold
Als je toch de achtergrondkleur EE7402 wil gebruiken, hetgeen te prefereren valt om de uitstraling van de site niet teveel geweld aan te doen en om in lijn te blijven van de voorgeschreven huisstijl, dan zit er niets anders op dan een andere kleur te kiezen voor de letters, bijvoorbeeld zwart (kleur 000000). Dat is een combinatie die wel een goede contrastratio geeft
Het geheel van de look-and-feel ziet er dan wel wat somber uit…….
Dit is een normale koptekst
En dit is bold
Dit is een normale koptekst
En dit is bold
Achtergrondkleur EE7402
Dit is een normale tekst
En dit is bold
Achtergrondkleur EE7402
Dit is een normale tekst
En dit is bold
Maak gebruik van de in de huisstijl aangegeven groene steunkleur “006600”. Dat is een kleur die ook in de vorige versies van de website is gebruikt. De voorgrondkleur zal dan wit moeten zijn. Het is dus een kleur die de oranjekleur vervangt als het gaat om grote vlakken en om de koppen een accent te geven zonder gebruik te hoeven maken van kleur ee7402 die niet voldoet aan de contrast-eis
Dit is een normale koptekst
En dit is bold
Dit is een normale koptekst
En dit is bold
Achtergrondkleur EE7402
Dit is een normale tekst
En dit is bold
Achtergrondkleur 006600
Dit is een normale tekst
En dit is bold
Van deze drie opties zijn live voorbeelden gemaakt van steeds dezelfde pagina zodat een gemakkelijk vergelijk gemaakt kan wordenÂ