Non-visible buttons are still tabbable and read out by screenreaders

Created on 21 June 2023, over 1 year ago

Problem/Motivation

Keyboard and screen reader users land on a hidden button which is in the tab order, with ID edit-autosave-form-save. This also reads out for screen reader users.

This is an inconvenience for anyone using the keyboard to tab through fields, and an accessibility issue (WCAG 2.1 SC 1.3.2 & 2.4.3):
https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html
https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html

Steps to reproduce

- Open an editing form with this module enabled
- Tab through the fields/inputs in the form
- Observe that you land on a hidden field

Proposed resolution

- Ensure that these buttons are hidden from screenreaders and are not in the tab order

🐛 Bug report
Status

Needs review

Version

1.0

Component

Code

Created by

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

Production build 0.71.5 2024