Toolbar focus styles are not sufficiently obvious to know where your focus is

Created on 18 March 2022, almost 2 years ago
Updated 15 February 2024, 16 days ago

Problem/Motivation

While reviewing πŸ› Active toolbar tray has weak affordance and fails WCAG color criteria Needs work during accessibility office hours (thanks!), @rainbreaw pointed out that while the new styles for the active tray are much better, the focus style is still very difficult to parse to see what item in the toolbar (either top-level tabs or even links within each subtray) currently has focus.

πŸ“Œ Toolbar style update Needs work aims to improve this for Claro, but we should fix it in the core toolbar styles and Seven, too.

Steps to reproduce

  1. Install Drupal core.
  2. Login as an admin user that can access the toolbar.
  3. Tab around and try to figure out which item has focus.

Proposed resolution

Add a focus ring to the toolbar styles so that the item with focus is truly obvious. Details TBD.

Remaining tasks

  1. Design the right thing.
  2. Implement it.
  3. Write or expand tests for this?
  4. Reviews / refinements.

User interface changes

TBD

API changes

Data model changes

Release notes snippet

πŸ› Bug report
Status

Needs work

Version

11.0 πŸ”₯

Component
ToolbarΒ  β†’

Last updated 1 day ago

  • Maintained by
  • πŸ‡«πŸ‡·France @nod_
Created by

πŸ‡ΊπŸ‡ΈUnited States dww

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

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates : some issue and comment data are missing.

Production build https://api.contrib.social 0.61.6-2-g546bc20