Adjust the top bar to the landmark used with the navigation module

Created on 17 August 2025, 19 days ago

Problem/Motivation

back the ID and aria-labelled-by with JS Postponed solidifies the landmarks used with the navigation module. With the MR applied to core and using Claro you have two landmarks, Administrative sidebar navigation for the navigation sidebar and Administrative top bar complementary for the top bar.

While in Gin you only have the landmark for the navigation sidebar, the one for the top bar is missing:

Steps to reproduce

go to a node edit form with gin as the active admin theme and active your screenreader of choice

Proposed resolution

i would align with a few details in claro:

  • change the wrapping element from a div to an aside to make it more semantic
  • add a visually hidden h3 and use that h3 as the label for the aside

the naming of both landmarks for the navigation sidebar and top bar might change at a later point, see 📌 Review navigation landmark naming Active

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Active

Version

5.0

Component

Code

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024