Build Navbar Menus That Actually Work for Everyone

Description:

Get started with Miro: How to use Aria Attributes and Responsive CSS to build an Accessible and Responsive Navigation Bar Menu using HTML, CSS and JavaScript. You will learn how accessibility works in HTML using aria-attributes like aria-expanded, aria-controls, aria-hidden, and of course how to make a navbar responsive using Flexbox and media queries. This responsive navigation uses the inert attribute to make a navbar untabbable when it is collapsed. You will also learn the difference between the hidden and inert attribute in html. Become a Member to Support our Channel: 👉 GET OUR HTML AND CSS COURSE 👌 Source Code on our website: 👉 SOURCES AND CREDITS: Coder Coder: Watch her video to learn more about accessibility in hamburger menus DOWNLOADS ICONS HERE: Menu Icon: Close Icon: RELATED CONCEPT YOU SHOULD LEARN: CSS Flexbox: CONCEPTS YOU WILL LEARN IN THIS VIDEO: ✔ Responsive Navbar with HTML CSS and JavaScript ✔ Accessible Navigation Menu with ARIA-Attributes in HTML ✔ Navbar Accessibility ✔ understand aria-attributes ✔ aria-label, aria-expanded, aria-controls, aria-hidden ✔ responsive hamburger menu ✔ accessible hamburger menu with ARIA ✔ WAI-ARIA ✔ web accessibility ✔ responsive web design ✔ responsive navbar with aria ✔ accessible and responsive website navigation I hope you learned something new ;)