Active
Project:
Toolbar
Version:
1.x-dev
Component:
Code
Priority:
Normal
Category:
Bug report
Assigned:
Unassigned
Issue tags:
Reporter:
Created:
6 Apr 2022 at 18:18 UTC
Updated:
21 Sep 2026 at 11:35 UTC
Jump to comment: Most recent
The color contrast (black beside the hovered state of dark grey) is failing with a contrast ratio of 2.2:1.
The requirement calls for a 3:1 contrast ratio against adjacent colors for 2 types of non-text content:
Active user interface components
o Any visual boundary that indicates the active component's clickable area must have a contrast ratio of at least 3:1.
o Any visual effect that indicates the active component's state must have a contrast ratio of at least 3:1.
Additional:
Take a look at the screenshot. The arrows in red a problem. Note: the grey cannot be too light, because white letters of username and light grey need to be 4.5:1 contrast ratio.

| Comment | File | Size | Author |
|---|---|---|---|
| Screen Shot 2022-04-06 at 2.16.48 PM.png | 104.6 KB | mhowe91 |
Comments
Comment #2
cilefen commentedIt looks like this may be a duplicate and also there is a main issue, #3084529: [META] improve accessibility of toolbar.
Comment #3
dww#3097907: Active toolbar tray has weak affordance and fails WCAG color criteria is specifically focused on the accessibility bug of not being able to tell which tray is open. Sounds like this issue is about the default hover style not having sufficient contrast to know what you're hovering over. Very related to #3270230: Toolbar focus styles are not sufficiently obvious to know where your focus is, which is about focus styles. But I don't know of an existing issue about hover.
Comment #7
mgiffordJust tagging for https://www.w3.org/WAI/WCAG21/Techniques/general/G183
Comment #9
quietone commentedThe Toolbar Module was approved for removal in #3476882: [Policy] Move Toolbar module to contrib.
This is Postponed. The status is set according to two policies. The Remove a core extension and move it to a contributed project and the Extensions approved for removal policies.
The deprecation work is in #3484850: [meta] Tasks to deprecate Toolbar module and the removal work in #3488828: [meta] Tasks to remove Toolbar module.
Toolbar will be moved to a contributed project before Drupal 12.0.0 is released.
Comment #10
quietone commentedToolbar has moved to contrib