We use software called DubBot to scan our websites. This software gives us the article in question when scanning, so we can be ADA compliant. It pulled up the Mega Menu with a critical error.

You can't see all of this from the screenshot attached, but this is the issue:

Element Location:

.tbm-item--has-dropdown.level-1[aria-level="1"]:nth-child(1) > .tbm-link-container > .tbm-toggle.no-link.level-1

Element Source:


Search & Collections

After doing so much research, we found that many aria instances are having problems.

We found a resolution we hope to apply to the module.

In the tb-megamenu-tem.html.twig we updated two areas. First was the li instance it had a problem with. We added {% set attributes = attributes.removeAttribute('aria-expanded') %} above

  • . Then we changed {% set tag = 'span' %} to {% set tag = 'button' %}. The next step is to update the CSS in base.css so the styling applies to the button instead of the span.

    Please let me know if we can add these changes to the next version update. Thank you

    • CommentFileSizeAuthor
    Ariaissue.jpg245.98 KBadalcsusm

    Comments

    adalcsusm created an issue. See original summary.

    adalcsusm’s picture

    adalcsusm commented
    Title: TB Mega Menu ADA compliance » Elements must only use supported ARIA attributes
    Priority: Major » Critical
    Issue summary: View changes
    Status: Active » Needs review
    avpaderno’s picture

    avpaderno
    he/him
    Primary language Italian
    Location Brescia, 🇮🇹 🇪🇺
    commented
    Version: 3.0.0-alpha5 » 3.x-dev
    Issue summary: View changes