- This topic has 4 replies, 2 voices, and was last updated 1 year, 1 month ago by Tom.
September 6, 2020 at 2:27 am #1432607Sabine
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.September 6, 2020 at 10:00 am #1433064TomLead DeveloperLead DeveloperSeptember 8, 2020 at 2:42 pm #1435853TomLead DeveloperLead Developer
Just a heads up that alpha.3 is available and should have this fixed: https://generatepress.com/generatepress-3-0-a-new-era/
Would be great if you’re able to test it out.
Thanks!September 10, 2020 at 12:00 am #1437569Sabine
Hi Tom, great. Big praise to you! For performance, service, price level and friendliness.
Now it works in the mobile version. But it should also work in the desktop and tablet size. There the errors are still shown to me.
SabineSeptember 10, 2020 at 8:56 am #1438306TomLead DeveloperLead Developer
The dropdown arrows don’t actually do anything on desktop/tablet, they’re simply presentational. Are you using the Hover dropdown type, or one of the click types?
- You must be logged in to reply to this topic.