A11y Gradient

Extension Accessibility2 users

Item media 2 (screenshot) for A11y Gradient

Overview

It gives you contrast ratio (accessibility standards) for text against each pixel of multi-colored backgrounds.

Chrome developer tools gives you contrast ratio of text against only monochromatic backgrounds. There are so many sites using gradients or images as backgrounds. The texts are not accessible because there is no tool to assess them. This tool will help you fix those issues. You can compare background against text color, text border and even element border. There is no specification for element borders but I think it might help in making better visually appealing UIs. It will help you analysis how the background at different regions are affecting the color contrast ratio against the selected text and gives you an average contrast ratio as well. Stay tuned for more features taking accessibility of your site to the next level. Feedback appreciated.

0 out of 5
No ratings
Google doesn't verify reviews. Learn more about results and reviews.

Details

Version
0.2.6-alpha
Updated
March 31, 2025
Flag concern
Offered by
biboswan98
Size
109KiB
Languages
English (United States)
Developer
Email
bibo@biboswanroy.com
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

A11y Gradient has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

A11y Gradient handles the following:

Website content

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

WCAG Color contrast checker

4.1(30)

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

Transparent Standalone Images

4.3(12)

This add-on renders standalone images on a transparent background, so you can see the image in all its glory!

What Font - find font

5.0(2)

Lets you know what font is used on any website

GET WEB SITE THEME COLOR

3.4(5)

Extract the theme colors from the current website and easily check their usage ratio and color codes.

Colour Contrast Checker

3.9(32)

Check the contrast between different colour combinations against WCAG standards

Window Resizer

4.0(7)

Resize browser windows to test layouts on different resolutions with multi-window support.

ZoomText Smart Invert

2.6(7)

See photos in their natural colors when using the ZoomText Invert Brightness or Invert Color effect.

WhatFont - What html font

4.3(46)

WhatFont helps you identify the font on a web page, html font size, color, font family

DummyText

4.7(27)

Generates random dummy text (Lorem Ipsum).

Hex Color Picker

2.9(33)

Allows you to pick colors from any web pages, color picker to get pixel code, rgb,...

Accessible Color Picker

4.9(9)