Problem/Motivation

When editing in ME mode via keyboard, I can still interact with the content on the page. My :focus is still brought to all elements that can gain focus such as:

  1. links
  2. buttons
  3. form elements

As a user, I would expect to only gain focus on ME components, as I am in editing mode.

Example screencast: https://share.cleanshot.com/zF4YWY1d

Steps to reproduce

Go to any project currently using ME, especially content with lots of links, and use tab to navigate. You will notice you will still gain focus on all header and navivation elements and such before you are even able to create content. These interactions are disabled in this mode which is great for a mouse user, but still confusing for an assistive tech user

Proposed resolution

Add a negative tabindex to all non-ME related interactive elements (tabindex=-1)

Confirm this works by using keyboard

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

Test / review against https://git.drupalcode.org/project/mercury_editor/-/merge_requests/34

michaelablackham’s picture

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

This was reviewed ina. couple different scenarios and works as expected now. I am no longer gain focus on non-ME links and buttons and form elements

This is working as expected. 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.