accessible-color-matrix
accessible-color-matrix copied to clipboard
Large text information is not displayed
Currently we show whether a color combination has a contrast ratio of 4.5:1, which is the WCAG AA criterion for text. However, WCAG AA also specifies that "Large-scale text and images of large-scale text have a contrast ratio of at least 3:1", so it'd be nice if we could show that a color combination meets that lower-level requirement.
Here's a design which allows us to visually indicate color combinations which are contrast sufficiently for large text (3:1), but don't make the 4:5:1 cut.
The hover state (yet to be designed) will spell out things for the users.
Hi @ericronne - I'm new to your palette generator, exploring this as a tool that our team might use. Any plans for the feature described above to be implemented?
It would be nice to have a way for the user to toggle between the 3:1 threshold and the 4.5:1 threshold. We would like to be able to use the palette generator evaluate choices for button/icon designs (where we would use the 3:1 threshold) as well as for text against a background (where we would use the 4.5:1 threshold).