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

Contrast ratio is NaN:1 #544

Open
AntonOellerer opened this issue Dec 3, 2020 · 1 comment
Open

Contrast ratio is NaN:1 #544

AntonOellerer opened this issue Dec 3, 2020 · 1 comment

Comments

@AntonOellerer
Copy link

Hey,
First of all, thank you for this great library!
I am currently trying to adapt our project to the WCAG2AAA standard, and discovered the following error message:

 • This element has insufficient contrast at this conformance level. Expected a
   contrast ratio of at least 4.5:1, but text in this element has a contrast
   ratio of NaN:1.
   (#main > section:nth-child(2) > div > div > h1)
   <h1 class="title">Alpha version</h1>

What confuses me about this is the NaN:1 ratio.
Do you know what the reason for this could be?

Environment:

Pa11y:      5.3.0
Node.js:    14.15.0
npm:        6.14.8
OS:         5.9.11-200.fc33.x86_64 (linux)

Best regards
Anton Oellerer

@AntonOellerer
Copy link
Author

I fixed this by setting the color values of the title explicitely, we are using react with bulma as css framework.

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

No branches or pull requests

2 participants