Make the product suitable for all users, including those with limited possibilities.
Keep minimal contrast ratio
W3C recommends keeping the contrast ratio minimal.
- Big text at 3:1 (14px for bold, 18px and higher for regular)
- Small text at 4.5:1
Good color contrast.
Bad color contrast.
Preserve consistent alignment
Content consistency, alignment.
Show consistent information flow to the user. Preserve consistent alignment.
Сontrol elements mixed with content, paragraphs broken.
Create readable content. Place control elements, so to make clear what they affect.
Group elements, build a clear hierarchy.
Hard to read data, no hierarchy.