Page List block used as navigation menu is not accessible
-
I would like to use Page List block for the Top Navigation Bar so that all the new pages would automatically be visible in the menu, but this does not comply with accessibility requirements. Accessibility fast pass gives the alert that list is not structured correctly: List element has direct children that are not allowed: ul.
How can this be corrected?
-
Thank you! Unfortunately I don’t have public access to my page yet.
But this accessibility problem with the page list in nav is there even if you create absolutely blank new page and select theme Twenty Twenty-Four.
Problem is:
WCAG 1.3.1
List element has direct children that are not allowed: ulAnd corresponding html looks like this:
<div class=”wp-block-navigation__responsive-container-content” data-wp-watch=”callbacks.focusFirstElement” id=”modal-1-content”>
<ul class=”wp-block-navigation__container is-responsive items-justified-right wp-block-navigation”>
<ul class=”wp-block-page-list”>
<li class=”wp-block-pages-list__item wp-block-navigation-item open-on-hover-click”>Sample Page</div>`
- You must be logged in to reply to this topic.