Keyboard Navigation: Arrow Keys in menu for Olivero

Created on 28 October 2021, over 3 years ago
Updated 20 January 2023, about 2 years ago

Problem/Motivation

Motivation is to meet all the recommendations for the navigation being accessible to keyboard-only users. This includes behaviour for ENTER, SPACE, TAB, DOWN ARROW.

Steps to reproduce

Tab into the menu to an item that has child items. Press the DOWN ARROW.

At least on my device (Edge on Windows), it will scroll down the page, rather than expand the menu.

Other keyboard presses (ENTER, SPACE, TAB) behave as they should.

Proposed resolution

Add handling so that a DOWN ARROW press while selected on a menu item which has children will expand to show the children, rather than the browser default of scrolling down the page.

Feature request
Status

Active

Version

10.1

Component
Olivero 

Last updated 2 days ago

Created by

🇨🇦Canada ryanrobinson_wlu

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

Comments & Activities

Not all content is available!

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

No activities found.

Production build 0.71.5 2024