Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
a11y: Menu button does do not have an accessible name
- This topic has 2 replies, 2 voices, and was last updated 7 years, 5 months ago by
.
Hi,
I came across a simple accessibility issue when runnin Chrome’s DevTools Audit (lighthouse) over my side.
You’ll probably want to tag this for your developer to follow-up.
Audit complains that:
Buttons do not have an accessible name
When a button doesn’t have an accessible name, screen readers announce it as “button”, making it unusable for users who rely on screen readers:
<button class="mh-nav-trigger-case collapsed" data-toggle="collapse" rel="nofollow" data-target=".mh-mobile_menu_collapse" style="line-height:60px;"> <span class="kad-navbtn clearfix"><i class="icon-menu"></i></span> </button>
This is on the mobile sticky header we are using.
Easiest solution would be to add a title="Menu" to this <button> element like it already exists for the search or cart links. Then the button’s title will be it’s accessible name (screen reader reads it) and problem solved.
- The forum ‘Virtue Theme’ is closed to new topics and replies.
