키보드 내비게이션

SLUR UI System에서는
키보드 내비게이션을 접근성의 보조 기능이 아닌,
UI 기본 동작 기준으로 취급합니다.
마우스 없이도 UI 흐름이 자연스럽게 이어져야 합니다.

---

키보드 내비게이션의 기본 원칙

키보드 내비게이션은 다음 원칙을 따릅니다.

• 모든 인터랙션 요소는 키보드로 접근 가능해야 합니다.
• 포커스 이동 순서는 시각적 흐름과 일치해야 합니다.
• 포커스 위치는 항상 시각적으로 확인 가능해야 합니다.

키보드 사용자는
UI의 예외 케이스가 아닙니다.

---

포커스 흐름 설계 기준

포커스 흐름은 구조를 기준으로 설계합니다.

• DOM 순서가 곧 포커스 순서입니다.
• 구조적 순서를 CSS로 뒤집지 않습니다.
• 임의의 tabindex 사용을 지양합니다.

포커스 흐름이 어색하다면,
대부분 구조 설계가 잘못된 경우입니다.

---

포커스 가능한 요소 기준

다음 요소는 기본적으로 키보드 접근이 가능해야 합니다.

• 버튼, 링크
• 입력 요소
• 토글, 드롭다운 등 인터랙션 UI

비표준 요소를 사용하는 경우에도
키보드 접근성을 반드시 보장해야 합니다.

---

포커스 스타일 규칙

SLUR UI System에서는 포커스 스타일을 제거하지 않습니다.

• 기본 포커스 스타일을 유지하거나
• 명확한 대체 스타일을 제공합니다.

포커스가 보이지 않는 UI는
키보드 사용자에게 사용 불가능한 UI입니다.

---

키보드 인터랙션 기준

키보드 인터랙션은 다음 기준을 따릅니다.

• Enter, Space 키 동작은 명확히 정의합니다.
• Escape 키는 닫기/취소 역할을 수행해야 합니다.
• 방향키 사용 시 일관된 이동 규칙을 유지합니다.

키보드 동작은
사용자가 예측 가능한 방식으로 동작해야 합니다.

---

키보드 내비게이션 점검 기준

키보드 내비게이션을 점검할 때는 다음을 확인합니다.

• 마우스를 사용하지 않고 모든 기능을 수행할 수 있는가
• 포커스가 사라지거나 갇히지 않는가
• 상태 변경 시 포커스가 적절히 이동하는가
• 시각적 포커스 표시가 충분히 명확한가

키보드 내비게이션 문제가 발견되면,
구조와 역할 분리를 먼저 점검합니다.

---

키보드 내비게이션의 목적

키보드 내비게이션 기준은
모든 사용자가 UI를 동일한 흐름으로 사용할 수 있도록 하기 위한 조건입니다.

SLUR UI System은
키보드 사용을 고려한 구조 설계를 통해
접근성을 자연스러운 UI 품질로 만듭니다.