django-commons / django-debug-toolbar

A configurable set of panels that display various debug information about the current request/response.
https://django-debug-toolbar.readthedocs.io
BSD 3-Clause "New" or "Revised" License
8.08k stars 1.05k forks source link

Debug Toolbar Button has too low contrast #1981

Closed jribbens closed 2 months ago

jribbens commented 2 months ago

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