[beta4] Add id #header-navigation on header nav (for skip link)

Created on 28 August 2023, over 1 year ago

Problem/Motivation

The skip links have been added ( https://www.drupal.org/project/ui_suite_dsfr/issues/3381963 [beta4] Add skip links in header Fixed ), but the "menu" link isn't working, as it points to an nonexistent id #header-navigation.
This is an accessibility issue : the keyboard navigation isn't working as expected.

Steps to reproduce

Use keyboard navigation on the page : tabulate to show the skip links, tabulate to the "menu" link, press "Enter".
The focus isn't moved, as the target of this link doesn't exist in the HTML page.

Proposed resolution

Add id #header-navigation on the header part which contains the main menu (modal on small screens).

🐛 Bug report
Status

Fixed

Version

1.0

Component

Code

Created by

🇫🇷France mh_nichts

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024