Checkboxes of text formats in the filter section on the permissions page have visually hidden labels with links causing hidden focus states

Created on 1 April 2022, over 2 years ago
Updated 26 May 2023, over 1 year ago

Problem/Motivation

If you tab on the permissions page within the filter section you will notice that while you tab through the text formats the focus is lost before every checkbox (visible or invisible) aka there is tab without a visible focus outline which is breaking WCAG21 2.4.7.

for example as an example for the rest of the permissions checkboxes lets take from the file section the access the files overview page permission. the label for a checkbox looks like (like for every other checkbox except the text format ones within the filter section) like that:
<label for="edit-anonymous-access-files-overview" class="visually-hidden">Anonymous user: Access the Files overview page</label>

the label for the basic html text format looks like that, containing a visually hidden link
<label for="edit-content-editor-use-text-format-basic-html" class="visually-hidden">Content editor: Use the <a href="/admin/config/content/formats/manage/basic_html">Basic HTML</a> text format</label>

The issue applies therefor to Claro as well as Seven. I've assigned the issue to the system.module and set #3163810: [META] Assess conformance with WCAG SC 2.4.7 "Focus Visible" β†’ meta as the parent. The reason i've initially stumbled across the issue

Steps to reproduce

- go to admin/people/permissions
- scroll to the filter section
- tab through the filter section and you will notice before every visible as well as invisible checkbox there will be a tab without a none visible focus due to the link within the visually hidden label

πŸ› Bug report
Status

Active

Version

11.0 πŸ”₯

Component
User moduleΒ  β†’

Last updated about 21 hours ago

Created by

πŸ‡©πŸ‡ͺGermany rkoller NΓΌrnberg, Germany

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

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024