O'Reilly logo

Fixing Bad UX Designs by Lisandra Maioli

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Focused tips

Check out a few great tips focused on types of users who can be affected by specific accessibility issues:

Pay attention to the contrast Affected users: Those with low vision

According to the WCAG (Web Content Accessibility Guidelines), the contrast ratio between text and background should be at least 4.5 to 1. If your font size is 24px or 19px bold, the minimum ratio drops to 3 to 1.

This means that when your text is 24px or larger, the lightest gray you can use on a white background is #959595.

For texts smaller than this, gray needs to be even darker. With a white background, the lightest gray you can use is #767676:

Remembering ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required