Claro highlighted row not communicated to keyboard users

Created on 27 February 2024, 10 months ago
Updated 4 June 2024, 7 months ago

Problem/Motivation

In Claro, a visual hover state (blue background) is assigned to table rows and provides a visual cue for which row is active. This feature is only available when navigating by mouse/pointer and should be updated to inform keyboard users.

Steps to reproduce

Set admin theme to Claro and visit an admin page with a table, such as: admin/people

Screenshot of hover state on active row, I placed the cursor (not visible in screenshot) over the row which turns light blue:

Focusing on row with keyboard, the light blue background is missing:

Proposed resolution

Suggested fix: add a selector to the hover style for keyboard users (:focus-within will apply the background color to the row whenever a child link, button, or form element has focus)

🐛 Bug report
Status

Fixed

Version

10.3

Component
Theme 

Last updated 5 days ago

Created by

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

Production build 0.71.5 2024