How to Make an Accessible Hamburger Menu (updated)
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
This video provides a tutorial on how to create an accessible and responsive dropdown [hamburger] menu with HTML and CSS. English captions available.
Code: https://bit.ly/3s3vmYS
Questions? Comments? Concerns? Drop a comment down below!
Interested in learning about Accessibility? Check out my top rated Udemy courses for more details!
Web Content Accessibility Guidelines: https://bit.ly/3kH6qlK
Creating Accessible Websites: https://bit.ly/35OFkTx
Feeling social? So am I. Connect with me and other accessibility enthusiasts on Facebook: / webaccessibilityeducation
Have some spare change? Buy me a coffee: https://ko-fi.com/stef
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 :-)
Stefany
Video Chapters:
0:00 - What is a Hamburger Navigation?
1:02 - What makes a Hamburger menu accessible and inaccessible?
2:15 - Bad Hamburger menu example with a screen reader
3:02 - Good Hamburger menu example
3:30 - How to code a good Hamburger menu
9:09 - Testing our well-coded Hamburger menu with a creen reader
9:34 - Hamburger menu focus note
10:06 - Conclusion
Watch video How to Make an Accessible Hamburger Menu (updated) online without registration, duration hours minute second in high quality. This video was added by user Web Accessibility Education 07 January 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,759 once and liked it 129 people.