Menu (or not)
This article marks the third time I try …
Menus & Menu Buttons
inclusive-components.designClassification is hard. Take crabs, for example. Hermit crabs, porcelain crabs, and horseshoe crabs are not — taxonomically speaking — true crabs. But that doesn’t stop us using the “crab” suffix. It gets more confusing when, over time and thanks to a process called carcinisation, untrue crabs evolve
Accessibility Notes, January 2020
A collection of notes on accessibility topics at work, from January 2020.
Don’t Use ARIA Menu Roles for Site Nav
Once again, the advice is in the title of the post. But I will ramble anyway since you scrolled this far. First run with the advice, and then review some background on ARIA and how navigation and menu items are defined. This way you can tap out quickly when it…
Solving Animation Layout Flickering Caused by CSS Transitions
Solving layout flickering (or animation flashing) happening on browser resize caused by CSS transitions, with live before and after examples!
Accessible and Keyboard-Friendly Hamburger Menu + Slide Out Navigation
A live demo and tips on building an accessible hamburger menu that's keyboard-friendly and toggles a slide-out navigation panel.
Building the main navigation for a website | Articles | web.dev
This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.
A11y Advent Day 22: Interactive Widgets
A11yAdvent entry on interactive widgets and accessibility
Building the main navigation for a website | Articles | web.dev
This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.
Tooltips in the time of WCAG 2.1 | Sarah Higley
A review of the history and current state of tooltip accessibility. Or: everything you didn't know you needed to know before making a tooltip.