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
- Visual design rules you can safely follow every timeanthonyhobday.com
- Web Interface Guidelinesrauno.me
- Web Interface Guidelinesinterfaces.rauno.me
- Web Interface Guidelinesvercel.com
- Details That Make Interfaces Feel Betterjakub.kr
- Designing For Accessibility And Inclusion — Smashing Magazinesmashingmagazine.com
- RandomA11y - Accessible Color Combinationsrandoma11y.com
- Say precisely what you mean.index.how
- Easy Checks – A First Review of Web Accessibilityw3.org
- The Polish Checklist for Web Developers | by Dan Schlosser | Mediummedium.com