키보드 상호작용
| 키 | 동작 |
|---|---|
| Tab | 버튼이나 링크로 포커스를 이동합니다. |
| Enter | 버튼을 실행하거나 링크로 이동합니다. |
| Space | 버튼을 실행합니다. 링크에서는 페이지를 스크롤합니다(네이티브 동작). |
접근성 참고 사항
- 접근 가능한 이름은 요소의 텍스트입니다. 아이콘만 있는 버튼에는
aria-label이 필요합니다. - 모든 변형, 톤, 테마에서 텍스트는 4.5:1의 명도 대비를 충족하며, 팔레트 생성기가 이를 보장합니다.
- 포커스 링은 2px 윤곽선이며, 두 테마 모두에서 페이지와 3:1 이상의 명도 대비를 가집니다.
- 비활성화된
<button>은 탭 순서에서 빠집니다. 비활성화된 링크는 스크린 리더 사용자가 찾을 수 있도록 포커스를 받을 수 있는 상태로 남으며, 비활성화 상태로 안내됩니다. - 강제 색상 모드에서는 투명한 테두리가 시스템 색상의 윤곽선으로 바뀌어 보이게 됩니다.