Contrib.social

Non-visible fields are still tabbable and read out when sidebar closed

Open on Drupal.org →
Created on 12 June 2023, over 1 year ago
Updated 24 June 2023, over 1 year ago

Problem/Motivation

When you are editing content on devices 64em or larger and hide the sidebar, the content in the sidebar can still be tabbed to. This is an accessibility issue as these fields are read out to assistive technology users, even though that content is not intended to be interacted with. Additionally, this is an inconvenience to any users using tab to navigate.

Steps to reproduce

1. Open a browser window larger than 64em
2. Create new content
3. Hide the sidebar
4. Tab through the fields in the content editing view
Observe that you must tab several times before reaching new buttons.

If using a screenreader, observe something like this being read out as you tab through:

Revision log message edit multi line Briefly describe the changes you have made. blank
Save as: combo box Draft collapsed
Review dateNot reviewed yet toggle button pressed expanded
Content reviewed check box not checked I have reviewed this content.
Menu settingsNot in menu toggle button not pressed collapsed

Proposed resolution

CSS change to set the content of the sidebar as visibility: hidden or similar when the sidebar is closed.

🐛 Bug report
Status

Fixed

Version

3.0

Component

Code

Created by

keelanfh

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