Increase the color contrast of the toggle button border

Created on 13 February 2025, about 2 months ago

Problem/Motivation

The user interface component of the toggle button to expand or collapse the navigation sidebar is not clearly distinguishable as a button and might go unnoticed cuz the caret facing to the left for LTR also has a lower contrast against the background compared to the caret facing to the right for every top level menu item that contains sub menu items (See the table in
https://docs.google.com/spreadsheets/d/1won35PxhRFexJYE8FmZ4DCNTo7xEAxC8... or toggle_button.xlsx.zip for more details).


Discussed and iterated on the issue with @mgifford, @the_g_bomb, @katannshaw, and @drupa11y

Steps to reproduce

Proposed resolution

  • It is not necessarily a compliance issue with WCAG but it would still be good, for the reasons outlined in the problems section, to increase the color contrast of the button border to have a contrast of at least 3:1.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

4.0

Component

User interface

Created by

🇩🇪Germany rkoller Nürnberg, Germany

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

  • Issue created by @rkoller
  • 🇨🇦Canada mgifford Ottawa, Ontario

    The caret facing to the left is more or less invisible to most users I would think. It is too easy to miss as it isn't where folks are looking for this kind of a link.

Production build 0.71.5 2024