Moved from #3502292: Ensures interactive controls are not nested, OP by @mgifford.
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=msftAI)
Target application: Extend | another test of My Drupal CMS site - https://drupal-cms.ddev/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.
Comments
Comment #2
pameeela commentedComment #3
pameeela commentedComment #4
nicxvan commentedThis might be an admin theme issue actually.
I'm adding the related issue for more though.
Comment #5
mgiffordSo looking at this again, maybe the problem is in the module. In this case:
https://www.drupal.org/project/metatag
If you look at Core there aren't any links in the summary section. I think we either have to change how summary/detail elements work to expand code or stop folks from putting links in summaries. But then where would you put the links?
That is pretty typical. Does it ever make sense to have links in a summary element? Probably not. In which case how do we stop (or reduce) that?
<summary aria-controls="edit-modules-dblog-enable-description" role="button" aria-expanded="false" class="claro-details__summary module-list__module-summary"><span class="text module-description">Logs system events in the database.</span><span class="claro-details__summary-summary"></span></summary>The detail/summary element is used all over Drupal, so we have to do more than find a way to apply it to admin/modules
Comment #6
mgiffordComment #7
nicxvan commentedYeah I'm not sure where this belongs, but I don't think it's an extension issue, maybe theme or render?
It feels similar to #933004: Test that all form elements have a #title for accessibility maybe we need a more genetic way to check output or render arrays for certain properties.