WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool

About

Are you building or auditing websites for accessibility?

This updated, lightweight Chrome extension helps developers, designers, and accessibility testers verify adherence to multiple WCAG 2.1 criteria—instantly and in one place.

What Does This Extension Do?

With a simple toggle or slider, you can check how your webpage handles:

1.4.12 Text Spacing: Applies minimum spacing requirements (line height, letter spacing, word spacing, and paragraph spacing). Verify that your content remains legible and that layout and functionality aren’t broken when these spacing rules are enforced.

1.4.4 Text Resize: Use a slider to dynamically scale text between 100% and 200%. Quickly confirm that important elements remain visible, usable, and properly formatted at larger text sizes.

1.4.1 Use of Color: Convert the entire page to grayscale, ensuring that information isn’t conveyed by color alone. Catch issues early if your design heavily relies on color coding.

1.4.10 Reflow: Simulate a narrow 320px viewport by reflowing the page through Chrome’s built-in debugging protocol. This helps you see how content responds to mobile device widths without horizontal scrolling.

Key Features

One-Click Toggles: Quickly enable or disable specific WCAG adjustments—no code changes or browser restarts required.

Persistent Settings: Your selected toggles automatically reapply when you visit or refresh new pages.

Live Testing: Instantly spot layout or functionality issues triggered by real-world accessibility use cases like increased text size or limited color visibility.

Whether you’re a developer, designer, or QA tester, this extension streamlines the process of WCAG compliance testing by putting critical checks just a click away!