Page List block used as navigation menu is not accessible

  • signe999

    (@signe999)


    6 months ago

    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?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Can you provide a link to your site with the navigation in question so I take a look?

    Thread Starter signe999

    (@signe999)

    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: ul

    And 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>`

    • This reply was modified 6 months ago by signe999.
    Thread Starter signe999

    (@signe999)

    Sorry, the theme in question is Twenty Twenty-Four.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page List block used as navigation menu is not accessible’ is closed to new replies.