Problem/Motivation

When using my keyboard to navigate, it is extremely difficult to interact with choosing a layout via keyboard

Technically I can sometimes but I have noc lue when i am actually focused on this section or not. Opening up the modal automatically shows a :focus outline around the selected element. So i have to tab a couple times and use arrow keys and hope I am :focused on the right element

Steps to reproduce

Screencast displaying the issue with audio: https://share.cleanshot.com/yBY1KQb1

Proposed resolution

  1. there should be a separate look between a "selected" layout, and :focus state. These should never look the same.
  2. Include a :focus around ALL options when within the "choose a layout" section. as well as the indiviual item in focus
  3. Current functionally of arrow keys is correct

Comments

michaelablackham created an issue. See original summary.

justin2pin’s picture

justin2pin commented
Parent issue: » #3417341: Accessibility Problems
justin2pin’s picture

justin2pin commented
Status: Active » Needs review

Review / test against https://git.drupalcode.org/project/mercury_editor/-/merge_requests/34

michaelablackham’s picture

michaelablackham commented
Status: Needs review » Reviewed & tested by the community

Reviewed this locally in a couple different scenarios, and it seems to work great and follows normal keyboard patterns (tab to widget, arrow keys to navigate within the widget)

This is resolved!

justin2pin’s picture

justin2pin commented
Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.