Hi Tom,
I received the following accessibility error message. How and where can I install role=”presentation” for the dropdown-menu-toggle?
Title: WCAG 4.1.2: Ensures buttons have discernible text (.dropdown-menu-toggle[role=”button”])
Tags: Accessibility, WCAG 4.1.2, button-name
Issue: Ensures buttons have discernible text (button-name – https://dequeuniversity.com/rules/axe/3.5/button-name?application=msftAI)
Element path: #menu-item-1606 > a > .dropdown-menu-toggle[role=”button”]
Snippet: <span role=”button” class=”dropdown-menu-toggle” tabindex=”0″>
How to fix:
Fix any of the following:
Element does not have inner text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element’s default semantics were not overridden with role=”presentation”
Element’s default semantics were not overridden with role=”none”
Element has no title attribute or the title attribute is empty
Environment: Chrome version 84.0.4147.125
====
This accessibility issue was found using Accessibility Insights for Web 2.20.0 (axe-core 3.5.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.