Design Focus States for Accessibility
Accessibility · focus, accessibility
Updated 2026-07-28
- Keyboard users need the same confidence as mouse users.
- Never remove focus indicators without replacement.
- Focus should be:
- Visible.
- Consistent.
- Easy to follow.
- Avoid using the same color for:
- Active state.
- Focus state.
- Selection state.
- Focus tells users:
- Where they are.
- What they control.
- What happens next.
- A hidden focus state creates a hidden interface.
Related guides
UX Handbook