- This topic has 4 replies, 2 voices, and was last updated 5 months, 2 weeks ago by
Tom.
-
AuthorPosts
-
September 6, 2020 at 2:27 am #1432607
Sabine
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-nameIssue: 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 emptyEnvironment: 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 #1433064Tom
Lead DeveloperLead DeveloperHi there,
Thanks for the heads up here. Will look at this for 3.0-alpha.3 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 8, 2020 at 2:42 pm #1435853Tom
Lead DeveloperLead DeveloperJust 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!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 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.
Sabine
September 10, 2020 at 8:56 am #1438306Tom
Lead DeveloperLead DeveloperThe 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?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.