Creating accessible components can be tough. For those of us who navigate with a mouse, it's not always easy to know what the expected keyboard behaviours are. That's why Dave Rupert created his Nutrition Cards for Accessible Components.

In Dave's own words:

"A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide."

Over the next six weeks, I'll attempt to create each component from scratch. I'll write a blog post about each one:

  1. Accordion
  2. Button
  3. Disclosure (Show/Hide)
  4. Menu & Menu Button
  5. Tabs
  6. Tooltip

So stay tuned for next week, when I'll write about my approach to an accessible accordion component!