Item logo image for A11y Gradient

A11y Gradient

Item media 3 (screenshot) for A11y Gradient
Item video thumbnail
Item media 2 (screenshot) for A11y Gradient
Item media 3 (screenshot) for A11y Gradient
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for A11y Gradient
Item media 3 (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.

Details

  • Version
    0.2.6-alpha
  • Updated
    March 31, 2025
  • 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

Related

Make Chrome Text Black

4.0

Make text easier to read in Google Chrome

Bold It

4.6

Control the boldness of text on any website.

GET WEB SITE THEME COLOR

3.4

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

Fix Contrast

2.5

Fix color contrast issues on websites automatically.

Colour Contrast Checker

3.6

Check the contrast between different colour combinations against WCAG standards

DummyText

4.7

Generates random dummy text (Lorem Ipsum).

Hex Color Picker

2.9

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

色弱色彩增强器

0.0

实时应用 CSS 滤镜,帮助色弱色盲群体更清晰地浏览网页。

WCAG Contrast Checker

5.0

Use WCAG Contrast Checker to easily check color contrast ratio and for online accessibility testing with WCAG contrast standards.

color contrast checker

5.0

Ensure accessibility with Color Contrast Checker. Easily check color contrast with contrast checker for compliance!

WCAG Color contrast checker

4.1

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

Color Picker Chrome extension

4.1

Color Picker Chrome extension addon lets you to pick color from any webpage

Make Chrome Text Black

4.0

Make text easier to read in Google Chrome

Bold It

4.6

Control the boldness of text on any website.

GET WEB SITE THEME COLOR

3.4

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

Fix Contrast

2.5

Fix color contrast issues on websites automatically.

Colour Contrast Checker

3.6

Check the contrast between different colour combinations against WCAG standards

DummyText

4.7

Generates random dummy text (Lorem Ipsum).

Hex Color Picker

2.9

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

色弱色彩增强器

0.0

实时应用 CSS 滤镜,帮助色弱色盲群体更清晰地浏览网页。

Google apps