Accessible Design
Easy Read design
Easy Read is a method to write
using words we all can understand.
We use a simple word order
and we add explanations for difficult words.
Easy Read follows the WCAG Guidelines.
WCAG Guidelines are recommendations
to make websites and apps easier to use.
Typography
OpenDyslexic
OpenDyslexic
OpenDyslexic
OpenDyslexic is a free typeface
designed by Christian Boer, a dyslexic,
for people with dyslexia.
The shape of the letters
makes it easy to tell them apart.
Calibri
Calibri
Calibri
Calibri
People with dyslexia have difficulties
understanding written text.
Calibri is a typeface
designed by Lucas de Groot
to be easily readable.
Between 5 and 20 in 100 people have reading difficulties.
In a world with 8 billion people,
1,600,000,000 people have reading difficulties.
As a teacher, I have students with reading comprehension difficulties.
I have researched on typography to make written text more accessible for them.
You can read about my research on Legible typography here:
Color palette
The colors used in this portfolio
follow the WCAG 2.1 AA guidelines.
They are based on a 4.5:1 contrast ratio.
The black on white contrast is avoided
to allow users with astigmatism read more easily.
Contrast is the color difference
between the text and the background.
#000000
#FFFFFF
#663399 8.41:1
#9F8ABD
6.84:1
#F9F5FF
19.53:1
This palette is designed for users with color blindness.
8 in 100 men are color blind (8%).
1 in 200 women are color blind (0,5%).
In a world with 8 billion people,
300,000,000 people are color blind.
This is how users with color blindness would see the colors in this portfolio:
People with color blindness
can't see some of the colors.
Protanopia
#000000
#FFFFFF
#004A9D
8.51:1
#8791C2
6.85:1
#F8F5FE
19.48:1
Deuteranopia
#000000
#FFFFFF
#004E8B
8.52:1
#8D91BE
6.92:1
#FFF4FC
19:59:1
Tritanopia
#000000
#FFFFFF
#58494E
8.47:1
#9B919C
6.92:1
#F8F5FE
19.48:1
Achromatopsia
#000000
#FFFFFF
#656565
5.82:1
#A4A4A4
8.42:1
#FAFAFA
20.11:1