Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Large text information is not displayed #6

Open
toolness opened this issue Feb 23, 2017 · 2 comments
Open

Large text information is not displayed #6

toolness opened this issue Feb 23, 2017 · 2 comments

Comments

@toolness
Copy link
Owner

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.

@ericronne
Copy link

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.

image

The hover state (yet to be designed) will spell out things for the users.

@KM-Hanson
Copy link

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).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants