Ensures interactive controls are not nested

Created on 25 January 2025, 2 months ago

Problem/Motivation

A screen reader user should be able to control their site.

Steps to reproduce

Title: WCAG 4.1.2: Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies (.module-list__module-summary)
Tags: Accessibility, WCAG 4.1.2, nested-interactive

Issue: Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies (nested-interactive - https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application...)

Target application: Extend | another test of My Drupal CMS site - https://drupal-cms-dev.ddev.site/admin/modules

Element path: #edit-modules-metatag-dc-enable-description > .module-list__module-summary

Snippet:

Related paths:
#edit-modules-metatag-dc-enable-description > .module-list__module-summary > .text.module-description > a:nth-child(1)
#edit-modules-metatag-dc-enable-description > .module-list__module-summary > .text.module-description > a[href$="dublincore.org/"]

How to fix:
Fix any of the following:
Element has focusable descendants

Environment: Microsoft Edge version 132.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.44.0 (axe-core 4.9.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Proposed resolution

User interface changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Active

Component

User Interface

Created by

🇨🇦Canada mgifford Ottawa, Ontario

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