Skip to main content
Did you know? Roughly 4,000 digital accessibility lawsuits were filed in US courts in 2024 (UsableNet). See what a free scan finds on your site →
Accessibility Shield
FeaturesFree ScannerFree ToolsPricingFAQBlogContact
Fix guides / Low color contrast

Low color contrast

WCAG 1.4.3

Normal text needs a contrast ratio of at least 4.5:1 against its background. Large text (about 24px, or 19px bold) needs 3:1. Low contrast is the most common error on the web: WebAIM found it on 83.9% of home pages in 2026.

People with low vision, color blindness, or a phone screen in bright sunlight all struggle with pale gray text, light text on photos, and colored buttons with thin white labels.

The fix is almost always one color change. Your dashboard shows the exact failing color pairs and a nearby color that passes. Change it once in your theme's color settings, and every page that uses it gets fixed.

Step-by-step guides

  • Shopify
  • WordPress
  • Wix
  • Squarespace
  • Webflow

Sources

  • WCAG 1.4.3 Contrast (Minimum)(opens in a new tab)

Not sure which of these your site has?

Run a free scan. It lists the issues on your page and links each one to the right guide for your platform.

Scan My Website Free
Accessibility Shield

Continuous automated WCAG 2.1 AA audits, hosted accessibility statements, and on-site barrier reporting for modern web teams.

Footer Navigation

Product

  • Automated Audits
  • Pricing & Plans
  • Free Audit Scanner
  • No-Code Fix Guides
  • Contrast Checker
  • Statement Generator
  • Compliance Guides

Trust & Security

  • About Our Mission
  • Security Architecture
  • Accessibility Statement
  • Contact Support

Legal & Policies

  • Privacy Policy
  • Cookie Policy
  • Terms of Service
  • 14-Day Refund Guarantee
© 2026 Accessibility Shield. All rights reserved.·Zero-Tracking Platform · No cookies sold or tracked
Theme