Edit form sidebar tab order does not match layout, makes reaching via keyboard very cumbersome

Created on 16 September 2024, 3 months ago

Problem/Motivation

The slide-out Gin sidebar, which contains the meta editing form with fields like "publish", "url alias", etc., is nearly unreachable with keyboard navigation. This problem pertains anywhere the Gin sidebar appears, including node edit form, block edit form, user edit form, etc.

Using only "tab", the tab order progression wraps around (aka "keyboard trap") after tabbing through the primary node form and node actions, re-focusing on the edit form again.

Shift-tabbing / reverse-tabbing sends focus back out of the node form (good), but forces the user to navigate through the entire admin menu, and all the browser chrome, before focus reaches the sidebar. And if the user accidentally reverse-tabs out of the sidebar and back into the node form, they must re-navigate the entire DOM and chrome again.

Steps to reproduce

- Load a node form.
- Start tabbing.
- Expect to be able to tab into the sidebar, but cannot.

Proposed resolution

- Fix tab order so that keyboard users can reach the sidebar without tedious reversing

Remaining tasks

- TBD

User interface changes

- None

API changes

- None

Data model changes

- None

πŸ› Bug report
Status

Active

Version

3.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States AaronBauman Philadelphia

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