Finds the optimal overlay values for sufficient WCAG contrast ratio between text and images.
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...