Richtlijnen

Toegankelijkheid (accessibility)

Het web zou voor zoveel mogelijk gebruikers toegankelijk moeten zijn. Ook voor mensen met bijvoorbeeld een visuele beperking. Hiervoor zijn richtlijnen opgesteld (door TBD). Hieronder een niet volledige opsomming van belangrijke richtlijnen.

bronnen:

Web Content Accessibility Guidelines (WCAG) Overview

The Accessibility Cheatsheet op bitsofco.de

Contrast ratio

De contrast ratio van tekst op achtergrond moet tenminste 4,5:1 maar bij voorkeur 7:1 zijn. Lea Verou heeft hiervoor een handige tool gemaakt: Contrast Ratio tool van Lea Verou.

Vaak voorkomende kleurcombinaties:

achtergrond tekst contrast ratio Hex HSL
wit (#fff) grijs 7.1 #545454 hsl(0,0%,33%)
wit (#fff) grijs 4.5 #757575 hsl(0,0%,46%)

Uitleg: voor grijze tekst op een witte achtergrond is voor een minimale contrast ratio van 7.1 de gegeven kleurcodes nodig.