Grids, tables, trees and drag-and-drop
Comes up in: Web fundamentals, Machine coding, Frontend system design
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- data table vs
role="grid"(interactive) - sortable headers (
aria-sort) - tree view keyboard model
- drag-and-drop keyboard alternatives (2.5.7)
Words you will know
What you will practise
- keyboard-operable kanban move
Interview questions this answers
- How do you make drag-and-drop accessible?
- When should you use
role="grid"instead of a table?