Top HTML Hamburger Menu Techniques for All Users!
🚀 Boost your accessibility game: • Role Alert vs ARIA Live: Key Differences E...
Today, we will make the HTML Hamburger menu web-accessible.
Hamburger menus or Vertical sliding menus are commonly used for mobiles and tablet applications.
This sleek design is adopted by almost all the organizations and developers have done great work w.r.t the animations and the sliding transition effects but they miss one key element and that is the web accessibility for hamburgers.
Today, we will add that last piece to make sure that the non-sighted users can also access the hamburgers as their sighted peers.
Do watch the video till the end and let me know what have you used the most recently, the HORIZONTAL OR VERTICAL Menu bars?
👉Join our growing community on Instagram https://www.instagram.com/skillssingh...
👉You can connect with me on Telegram, to get updates on the upcoming videos: https://t.me/webAccessibilityTutorials
👉 Dig deeper with detailed articles: / askparamsingh
📚 Materials/References:
GitHub Code: https://github.com/skillssingh/ADASer...
Please refer to the following timeline to jump to the section that you are interested in:
Timecodes
0:00 What is a Hamburger?
0:41 Intro to Skills Singh Channel
1:01 Hamburger Menu: Accessibility Behavior
1:35 Code to Make Hamburger Web Accessible
17:49 What JAWS Announces for Hamburger Menu?
💓Thank you for your continued support in liking, sharing, and watching my videos.
🔔Hit the Subscribe Button for more educational accessibility content just like this.
#Accessibility #HamburgerMenu