Empty
Keyboard
Keep the description out of the tab order. Make any next-step link or button usable with the keyboard.
Semantics
Explain the state in text and give each action a specific label.
Checklist
- Use
TitleandDescriptionto explain whether the state is empty or an error, and what to do next. - If the icon is decorative, avoid repeating the description through its accessible name.
- Give next-step buttons specific labels. Keep navigation predictable when content appears.
For contrast, zoom and screen reader checks, see the common accessibility checklist.