<?xml version="1.0" encoding="utf-8"?>

Use contrasting colors

Use contrasting colors Bad Practice
Use contrasting colors Best Practice

For people who live with visual impairments and can't fully rely on imagery content, text is like a beacon of clarity in the rough sea of information. That's why it's crucial to provide sufficient color contrast between text and its surrounding background. The WCAG 2.0 recommends keeping a contrast ratio of at least 4.5:1 for normal-sized text and 3:1 for larger text.

Pro Tip: Using sans serif fonts, like Arial, Verdana, Tahoma, or Helvetica provides 100% legibility for all users, as they're generally simpler and easier to read.

Improve your UX & Product skills with interactive courses that actually work