Skip to content

Debug Toolbar Button has too low contrast #1981

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

Closed
jribbens opened this issue Aug 6, 2024 · 0 comments · Fixed by #1982
Closed

Debug Toolbar Button has too low contrast #1981

jribbens opened this issue Aug 6, 2024 · 0 comments · Fixed by #1982

Comments

@jribbens
Copy link
Contributor

jribbens commented Aug 6, 2024

When the page background is white (obviously very common), the opacity and colouring of the debug toolbar button is such that the colour contrast of the text is too low as per accessibility rules (it's 2.61, it should be >=3). If the opacity is increased from 0.5 to 0.6 then this issue will be fixed.

(The low-contrast is an accessibility issue in and of itself, but also it means that when developers are performing accessibility testing during development, they will get warnings about the low contrast of the button, which are distracting and spurious since the button will of course not be present on the production site.)

jribbens added a commit to jribbens/django-debug-toolbar that referenced this issue Aug 6, 2024
Avoids an accessibility issue (low-contrast text) when the page behind the button is white.

Fixes django-commons#1981
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

Successfully merging a pull request may close this issue.

1 participant