-
Notifications
You must be signed in to change notification settings - Fork 438
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
Color Contrast in cookie settings box is not sufficient #2668
Comments
PR #3039 has partially fixed this issue (for 7.6.2 and 8.0). That PR updates the styles of the initial Klaro popup window to have proper color contrast. Here's the new look: However, if you click on "Customize" in that popup, you'll see a larger list of all possible settings. This larger popup still has color contrast issues (a lot of dark gray text on a black background) as shown in this screenshot: |
@tdonohue Hi, I'd like to take this activity. I understood that the problem was only the gray color of some texts. Is that right? |
@Andrea-Guevara : I'm not exactly sure if the gray color is the only issue. I was mentioning it as an example. The primary problem is that this page in the popup fails when analyzed by an accessibility scanner (e.g. WAVE or the "axe DevTools" plugin in Chrome). So, to fix this ticket would require that all pages within the Klaro popup to succeed accessibility scanning. To reproduce:
I'll assign this to you @Andrea-Guevara . But, if you change your mind, let me know and we can find a different volunteer. |
Hello @tdonohue, good afternoon. I did some tests and managed to reduce the accessibility problems of the cookis configuration box. However, I had to use "!important" in some parts of the code for the css changes to take effect. Is this a problem? |
…e cookie settings more accessible
…ie settings more accessible
…ie settings more accessible
Describe the bug
In the "We collect and process your personal information..." box, there is green text on the black background. The contrast between these two is not sufficient: accessibility requirements say it should be 4.5:1, but it is only 3.27:1.
To Reproduce
Use WAVE on the page, or fill https://webaim.org/resources/contrastchecker/
The text was updated successfully, but these errors were encountered: