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 Title and Description to 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.