Quickly adjust the styles of a webpage to those outlined in WCAG 2.1 Success Criterion 1.4.12.

Latest Version

Version
1.0
Update
November 22, 2024
Size
13.71KiB
Developer
Category
Users
14
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
Scripting
See more

WCAG 2.1 SC 1.4.12 Tester Extension

Are you building or auditing websites for accessibility?

This lightweight Chrome extension helps developers, designers, and accessibility testers verify adherence to WCAG 2.1 Success Criterion 1.4.12: Text Spacing by instantly applying the required text spacing adjustments to any webpage.

What Does This Extension Do?

This tool modifies the styles of any webpage to meet the following WCAG 2.1 text spacing requirements:

Line height (line spacing): At least 1.5 times the font size.
Letter spacing (tracking): At least 0.12 times the font size.
Word spacing: At least 0.16 times the font size.
Paragraph spacing: At least 2 times the font size.

By enabling these adjustments with a single click, this tool allows you to test whether your webpage content, layout, and functionality remain intact when these accessibility standards are applied.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "WCAG 2.1 SC 1.4.12 Tester", "version": "1.0", "description": "Quickly adjust the styles of a webpage to those outlined in WCAG 2.1 Success Criterion 1.4.12.", "permissions": ["activeTab", "scripting"], "action": { "default_title": "1.4.12 - Text Spacing", "default_icon": "icon128.png" }, "background": { "service_worker": "background.js" }, "icons": { "128": "icon128.png" }, "web_accessible_resources": [ { "resources": ["styles.css"], "matches": [""] } ] } "
Read more

Similar Extensions

icon

Text Spacing Editor Extension · Accessibility 14 5 ★ 101KiB

icon

Typing Made Fun Extension · Fun 14 1 ★ 1.78MiB

icon

UI Inspector - Live Style Editor Extension · Developer Tools 14 2 ★ 90.41KiB

icon

Page Marker for Google Chrome™ Extension · Productivity 14 10 ★ 1.41MiB

icon

LTR-RTL Extension · Accessibility 14 29 ★ 4.09KiB

icon

Character Set Repairer Extension · Productivity 14 0 ★ 127KiB

icon

RGAA Checker Extension · Developer Tools 14 1 ★ 233KiB

icon

Font Contrast Extension · Productivity 14 6 ★ 187KiB

icon

Includia Accessibility Checker Extension · Accessibility 14 6 ★ 407KiB

icon

Show All Padding & Margins Extension · Developer Tools 14 1 ★ 23.17KiB

icon

Grid Lines Ruler Extension · Developer Tools 14 25 ★ 152KiB

icon

Metric Spy Extension · Developer Tools 14 2 ★ 268KiB

icon

Quick Inspect Element Extension · Developer Tools 14 9 ★ 360KiB

icon

CSS Peeper Extension · Developer Tools 14 363 ★ 279KiB

icon

Contrast Ratio Checker Extension · Developer Tools 14 2 ★ 608KiB

icon

Smart Scroller Extension · Productivity 14 1 ★ 47.19KiB

icon

Make Text Readable for Google Chrome™ Extension · Productivity 14 28 ★ 395KiB

icon

Color Contrast Checker Extension · Developer Tools 14 3 ★ 17.37MiB

icon

Accessibility Analyzer Extension · Accessibility 14 7 ★ 1.58MiB

icon

Just Scroll Extension · Accessibility 14 1 ★ 16.82KiB

icon

Website Customizer: Add Custom Style and CSS Extension · Productivity 14 2 ★ 1.45MiB

icon

WCAG Color Contrast Checker Extension · Developer Tools 14 0 ★ 14.58KiB

icon

WebEdit Pro Extension · Productivity 14 2 ★ 311KiB

icon

EqualWeb Accessibility Checker Extension · Accessibility 14 21 ★ 19.11MiB