a11y-theme-builder
a11y-theme-builder copied to clipboard
[TB] Homepage left nav - Accessibility Insights - WCAG 1.3.1: Ensures that lists are structured correctly (ul)
Problem/Concern
When running Accessibility Insights for Web's automated checker on the homepage, the following issue occurs:
Issue
Ensures that lists are structured correctly (list)
Target application
A11y ThemeBuilder
Element path
ul
Snippet
<ul class="MuiList-root MuiList-padding css-14945rh">
How to fix
Fix all of the following:
List element has direct children that are not allowed: [role=button]
Environment
Microsoft Edge version 125.0.0.0 This accessibility issue was found using Accessibility Insights for Web 2.41.0 (axe-core 4.7.2), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
Screenshot
Proposed Solution
Likely need to fix structure so that direct children are <li> elements, e.g. wrap the left nav buttons in <li> elems
i wanted to work on this