hamburger menu missing accessibility functionality

marcus60
60 Posts
marcus60 posted this 3 weeks ago
Wishlist

Based on what I can see for the hamburger menu button, it's an anchor element styled to function as a button but lacking essential accessibility features for assistive technologies. This can be improved by modifying the element to include the aria-label attribute and converting it to a button element, which is more semantically appropriate for actions like toggling a menu.

  1. Since it acts as a button (toggling the menu), it should be marked up as a button. This is more semantically correct and accessible.
  2. Add aria-label: This will provide a name for the button which assistive technologies can use.
  3. Add aria-expanded: This attribute indicates whether the menu is expanded or collapsed, which is particularly useful for accessibility.

At the moment the hamburger menu is failing Google's audit for assistive technologies which can't be good for anyone.
Please prioritize fixing this issue.

Based on what I can see for the hamburger menu button, it's an anchor element styled to function as a button but lacking essential accessibility features for assistive technologies. This can be improved by modifying the element to include the aria-label attribute and converting it to a button element, which is more semantically appropriate for actions like toggling a menu. 1. Since it acts as a button (toggling the menu), it should be marked up as a button. This is more semantically correct and accessible. 2. Add aria-label: This will provide a name for the button which assistive technologies can use. 3. Add aria-expanded: This attribute indicates whether the menu is expanded or collapsed, which is particularly useful for accessibility. At the moment the hamburger menu is failing Google's audit for assistive technologies which can't be good for anyone. Please prioritize fixing this issue.

Last edited 3 weeks ago by Support Team

Vote to pay developers attention to this features or issue.
1 Reply
Order By: Standard | Newest
Support Team
Support Team posted this 3 weeks ago

Hello Marcus,

We will add your suggestions to our wish list. Thanks for helping us improve Nicepage!

Your advice and feedback are beneficial to our development.
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Marcus, We will add your suggestions to our wish list. Thanks for helping us improve Nicepage! Your advice and feedback are beneficial to our development. ................................................... Sincerely, George. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments