Item logo image for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool

WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool

Item media 5 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 1 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 2 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 3 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 4 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 5 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 1 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 1 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 2 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 3 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 4 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool
Item media 5 (screenshot) for WCAG 2.1 Accessibility 1.4 Text and Contrast Testing and Checking Tool

Overview

Toggles for WCAG: 1.4.12 (Text Spacing), 1.4.4 (Text Resize), 1.4.1 (Grayscale), 1.4.10 (320px Reflow).

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!

Details

  • Version
    2.1
  • Updated
    February 25, 2025
  • Offered by
    Doubly
  • Size
    17.58KiB
  • Languages
    English (United Kingdom)
  • Developer
    Email
    jamie@doubly.co.uk
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

WAVE Evaluation Tool

4.1

Evaluate web accessibility within your browser.

WCAG Color contrast checker

4.1

To check the color contrast between foreground and background of the texts

WCAG Auditor

5.0

Manual WCAG 2.2 checklist for accessibility auditing

Accessibility Insights for Web

4.7

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

WCAG Color Contrast Tool

4.5

WCAG 2.2 Color Contrast Calculator & Color Grabber - Check text or image colors on any page

Text Spacing Editor

3.8

A tool for editing text spacing properties on web pages. WCAG conformance information included.

WAX: Wally Accessibility ADA/WCAG Compliance Checker and Fixer

5.0

Wally AX's ADA/WCAG Compliance Checker and Fixer

EqualWeb Accessibility Checker

4.1

EqualWeb Accessibility Checker - Web Accessibility Checker powered by EqualWeb for WCAG 2.2 compliance validation

Accessible Web Helper

4.2

Discover and highlight accessibility violations on the web with the push of a button.

WCAG Accessibility Converter

5.0

AI-powered tool that converts HTML, CSS, JS, React & TypeScript code to WCAG-compliant accessible versions instantly.

ARC Toolkit

3.5

Accessibility testing tool from TPGi

axe DevTools - Web Accessibility Testing

3.9

Accessibility Checker for Developers, Testers, and Designers in Chrome

WAVE Evaluation Tool

4.1

Evaluate web accessibility within your browser.

WCAG Color contrast checker

4.1

To check the color contrast between foreground and background of the texts

WCAG Auditor

5.0

Manual WCAG 2.2 checklist for accessibility auditing

Accessibility Insights for Web

4.7

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

WCAG Color Contrast Tool

4.5

WCAG 2.2 Color Contrast Calculator & Color Grabber - Check text or image colors on any page

Text Spacing Editor

3.8

A tool for editing text spacing properties on web pages. WCAG conformance information included.

WAX: Wally Accessibility ADA/WCAG Compliance Checker and Fixer

5.0

Wally AX's ADA/WCAG Compliance Checker and Fixer

EqualWeb Accessibility Checker

4.1

EqualWeb Accessibility Checker - Web Accessibility Checker powered by EqualWeb for WCAG 2.2 compliance validation

Google apps