Get instant access to this builder accessibility guide.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Choose Your Builder
Menu
What are you looking for?
Categories
WBAG for GoDaddy
WBAG for Framer
WBAG for Webflow
WBAG for Squarespace
WBAG for Elementor
WBAG for Wix
Understanding WBAG
Control
Label All Controls
Enable Keyboard Access
Make Focus Visible
Layout
Use One Page Heading
Keep Sections Ordered
Maintain Consistent Navigation
Equivalent
Add Alt Text to Important Images
Mark Decorative Images
Provide Text Equivalents for Media
Appearance
Ensure Readable Contrast
Use Legible Text Sizes
Make Click Targets Large
Review
Run a Quick Automated Scan
Perform the 60-Second Tab Test
Understanding WBAG
Ensure Readable Contrast

Ensure Readable Contrast

Use strong color contrast so text is easy to read.
Appearance
Developed by DAPEN.org

How to Do It

Review your text and background colors to ensure they stand out clearly from one another. Avoid light gray on white or other low-contrast combinations. If it’s hard to read at a glance, increase contrast so all users can easily see the content.

Previous
Provide Text Equivalents for Media
Provide Text Equivalents for Media
Next
Use Legible Text Sizes
Use Legible Text Sizes
HomeChoose Your BuilderSupport
Developed by DAPEN.org.