Engrain by ByteRush

QLT.04 5 concepts · 3 ready

ARIA patterns (WAI-ARIA Authoring Practices)

Build complex widgets that work with screen readers and keyboards.

  1. QLT.04.01Disclosure, accordion and tabsCoreMid-level11 min
  2. QLT.04.02Menus, listbox and comboboxCoreSenior12 min
  3. QLT.04.03Dialogs, live regions, toasts and tooltipsCoreMid-level11 min
  4. QLT.04.04Grids, tables, trees and drag-and-dropSeniorBeing written
  5. QLT.04.05Testing with assistive technologyMid-levelBeing written

Interview questions in this module

  1. How do you build an accessible autocomplete/combobox?
  2. What is aria-live and when do you use polite vs assertive?
  3. How should keyboard navigation work in a tabs component?
  4. How do you make drag-and-drop accessible?
  5. Can automated tools guarantee accessibility? What else do you do?
  6. When should you use role="grid" instead of a table?