search

joomla / backend-template

backend template for Joomla 4 working area
GNU General Public License v2.0
13 stars 23 forks source link

WCAG 1.3.1: <ul> and <ol> must only directly contain <li>, <script> or <template> elements (#menu-7) #409

Closed brianteeman closed 5 years ago

brianteeman commented 5 years ago

This only happens with the final level of the menu tree expanded image

I havent been able to find the problem yet - posting it here in case someone else wants to have a look

Issue

<ul> and <ol> must only directly contain <li>, <script> or <template> elements (list)

Target application

Banners - extra files - Administration

Element path

menu-7

Snippet

<ul id="menu-7" class="collapse-level-2 collapse in" style="">

How to fix

Fix all of the following:
  List element has direct children that are not allowed inside <li> elements

Environment

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

brianteeman commented 5 years ago

Looks like it needs quite a bit of work as NVDA is also having problems with the menu when expanded and announces menu item multiple times on expanded sub menu

Multilingual Associations
visited  link
menu item
menu item
News Feeds
visited  link
menu item
menu item
Smart Search
visited  link
menu item
menu item
Tags
visited  link
menu item
menu item
Users
collapsed  link
menu item
expanded
Dashboard: Users
visited  link
menu item
menu  subMenu
Manage
visited  link
menu item
menu item
Add New User
visited  link
menu item
menu item
Groups
visited  link
menu item
menu item
Access Levels
link
menu item
menu item
brianteeman commented 5 years ago

Found the problem - now to try and write a solution.

brianteeman commented 5 years ago

Closed see https://github.com/joomla/joomla-cms/issues/25855