Solice UI
Back to the curriculum

Chapter 5 · Accessibility & Interaction

Keyboard and focus

Many people navigate with a keyboard, switch control, or another input that follows focus. A page is easier to use when the focus order matches the visible order and the current focus is always obvious.

Beginner · Lesson 1 of 6 in this chapter

Native controls join the tab order

Links, buttons, and form controls are keyboard reachable by default. Avoid adding positive tab indexes to force an order; fix the document order instead so keyboard and visual reading stay aligned.

Focus needs a visible home

Do not remove focus outlines without a clear replacement. When a dialog or temporary surface opens, move focus inside; when it closes, return focus to the control that opened it when that control still exists.

Using a lesson page without a mouse

  1. Tab reaches the curriculum return link and article navigation in document order.
  2. Each focused link has a visible outline.
  3. Activating Next lesson loads the next article and the new heading becomes the clear starting context.
  • Keyboard order should follow content order.
  • Every interactive control needs visible focus.
  • Manage focus when context changes, not on ordinary static navigation.