Contrib.social

Remove ability to :focus on non-ME interactive components

Open on Drupal.org →
Created on 18 December 2023, 11 months ago
Updated 29 February 2024, 9 months ago

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

🐛 Bug report
Status

Fixed

Version

2.1

Component

Code

Created by

🇺🇸United States michaelablackham

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

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024