Improve visibility of More actions menu button

Created on 7 August 2025, 1 day ago

Problem/Motivation

I find the kebab icon (3 vertical dots) of the "More actions" menu button in the top-right corner difficult to see, especially with lower screen brightness.

@rkoller also related difficulty seeing the icon in the Slack discussion.

From an accessibility standpoint, here are some screenshots of the icon with low-vision emulation in DevTools. However I don't consider this to be solely an accessibility issue.

Steps to reproduce

  1. Enable the Navigation module.
  2. Log in.
  3. Go to a page that displays the button, such as /user. The button is in the top-right corner of the page.
  4. To emulate low-vision in a Chromium browser:
    1. Open DevTools.
    2. Open the Rendering tab.
    3. In the "Emulate vision deficiencies" setting, choose "Blurred vision" or "Reduced contrast".

Proposed resolution

Increase the size of the dots.

Here are screenshots with a quick-and-dirty POC of just adding a CSS stroke to the dots, but I assume this needs design input.

Screenshots of current and POC

In the Slack discussion, adding a border or background was also suggested based on SC 1.4.11:

Note that for people with cognitive disabilities it is recommended to delineate the boundary of controls to aid in the recognition of controls and therefore the completion of activities.

Adding a border in full-color (normal) mode would also satisfy @cwilcox808's recommendation to add a border for forced-colors mode.

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

πŸ“Œ Task
Status

Active

Version

11.0 πŸ”₯

Component

navigation.module

Created by

πŸ‡ΊπŸ‡ΈUnited States kentr Durango, CO

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

Production build 0.71.5 2024