Finds the optimal overlay values for sufficient WCAG contrast ratio between text and images.

Latest Version

Version
1.0.0
Update
May 16, 2021
Size
99.28KiB
Developer
Category
Users
6
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
ActiveTab
See more

Klarity Accessibility Tool Extension

This extension easily allows developers to ensure readability for text over images, you select the text colour and image and the optimal value will be calculated for you.

The value can be applied to the stylesheet of your choice as an opacity overlay.

You can adjust the contrast ratio AA (4.5:1) or AAA (7:1), and overlay colour in the popup.

Currently supports:
Image types - Picture, Img tags, and background-image.
Overlay - Opacity.

Klarity does not collect or send user's data anywhere.

More features coming soon...
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Klarity Accessibility Tool", "description": "Finds the optimal overlay values for sufficient WCAG contrast ratio between text and images.", "version": "1.0.0", "icons": { "16": "Icon-16.png", "48": "Icon-48.png", "128": "Icon-128.png" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["./main.js"], "css": ["/main.css", "/marker.css"] } ], "action": { "default_popup": "./popup.html" }, "permissions": ["storage", "activeTab"]}
Read more

Similar Extensions

icon

Colour Contrast Checker Extension · Accessibility 6 31 ★ 378KiB

icon

Reader View Extension · Productivity 6 105 ★ 350KiB

icon

OCR Image to text - Image Reader Extension · Accessibility 6 13 ★ 3.03MiB

icon

WCAG Color contrast checker Extension · Developer Tools 6 26 ★ 163KiB

icon

Blacker Text Extension · Accessibility 6 7 ★ 12.98KiB

icon

Color Code Picker Extension · Developer Tools 6 11 ★ 1.69MiB

icon

Find Color Code from Image Extension · Developer Tools 6 6 ★ 1.69MiB

icon

Color Picker Extension · Productivity 6 4 ★ 65.25KiB

icon

Text Spacing Editor Extension · Accessibility 6 5 ★ 101KiB

icon

Image Size Checker Extension · Developer Tools 6 0 ★ 143KiB

icon

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

icon

color contrast checker Extension · Productivity 6 3 ★ 418KiB

icon

OCR - Image Reader Extension · Developer Tools 6 201 ★ 2.54MiB

icon

SEO Render Insight Tool Extension · Productivity 6 8 ★ 74.07KiB

icon

Color Code Finder Extension · Developer Tools 6 9 ★ 1.74MiB

icon

GeePeeTee - OpenAi ChatGPT + Image assistant Extension · Productivity 6 16 ★ 104KiB

icon

ZoomText Smart Invert Extension · Accessibility 6 7 ★ 102KiB

icon

AI Image Generation Extension · Photos 6 2 ★ 159KiB

icon

Text to image Extension · Productivity 6 7 ★ 30.26KiB

icon

Find elements diff Extension · Developer Tools 6 9 ★ 45.73KiB

icon

Text to Image (PNG) Extension · Photos 6 1 ★ 268KiB

icon

Image to text with integration of AI (Free) Extension · Productivity 6 9 ★ 2.84MiB

icon

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

icon

PNG Optimizer Extension · Photos 6 1 ★ 1.2MiB