Focus-visible
실제 버튼에 Tab으로 이동해 공통 outline을 확인합니다.
패키지의 기본값은 색상, 2px solid outline 및 4px offset입니다. 마우스 hover를 focus와 같은 상태로 취급하지 않습니다.
Usage
의미 있는 조작 위치를 계속 추적할 수 있게 합니다.
Tab / Shift+Tab으로 이동할 때 Focus 표시가 보여야 합니다. Dialog·Menu·Sheet 같은 표면에서는 열기, 이동, 닫기와 Focus 복귀를 별도 Component contract로 검증합니다.
Accessibility
색상 단독 힌트나 outline 제거를 금지합니다.
테마 전환, 키보드 입력, 200% 확대 및 작은 화면에서 outline이 잘리지 않아야 합니다. 포커스 표시를 위해 외부 DOM이나 임의의 JavaScript focus trap을 추가하지 않습니다.