Designing for Web Accessibility – Tips for Getting Started | Web Accessibility Initiative (WAI) | W3C
w3.org · 552 words · saved by 2 readers
Summary
in Tips for Getting Started Provide sufficient contrast between foreground and background Foreground text needs to have sufficient contrast with background colors. This includes text on images, background gradients, buttons, and other elements. This does not apply for logos, or incidental text, such as text that happens to be in a photograph. The links below provide more information on the minimum contrast ratio as required by the WCAG and how to check contrast. “Contrast ratio” is a short version of the more technically correct term “luminance contrast ratio”. Don’t use color alone to…
saved by
related reading
- Understanding Success Criterion 1.4.3 | Understanding WCAG 2.0w3.org
- What is Accessibility? — updated 2026 | IxDFinteraction-design.org
- Web Interface Guidelinesvercel.com
- Web Interface Guidelinesinterfaces.rauno.me
- Web Interface Guidelinesrauno.me
- Say precisely what you mean.index.how
- 10 Usability Heuristics for User Interface Design - NN/Gnngroup.com
- Visual design rules you can safely follow every timeanthonyhobday.com
- GitHub - vercel-labs/web-interface-guidelines: Guidelines for building interfaces on the Web.github.com
- RandomA11y - Accessible Color Combinationsrandoma11y.com
- Contrast and Meaning – A List Apartalistapart.com
- Designing For Accessibility And Inclusion — Smashing Magazinesmashingmagazine.com