접근성을 해치지 않고 확인 대화 상자에 화살표 키 바로... 노트

접근성을 해치지 않고 확인 대화 상자에 화살표 키 바로 가기 추가하기

이 텍스트는 확인 대화 상자에 키보드 단축키를 추가하는 것에 대해 논의하며, 특히 취소 및 확인 버튼 간의 화살표 키 탐색을 다룹니다. 이는 기본적인 접근성 기능을 대체하는 것이 아니라 향상시키는 것임을 강조합니다. 경고 스타일 확인에 대한 필수 접근성 요구 사항에는 접근 가능한 이름, 포커스 관리, 키보드 제약, Escape 키로 닫기, 보이는 포커스, 포커스 반환이 포함됩니다. WAI-ARIA Authoring Practices Alert Dialog Pattern은 모달 의미론 및 키보드 상호 작용의 기반으로 인용됩니다.제안된 솔루션은 새로운 화살표 키 매핑을 순수 함수와 특정 화살표 키 입력을 가로채는 이벤트 핸들러로 분리하며, Tab, Shift+Tab, Escape과 같은 다른 키보드 상호 작용은 그대로 둡니다. 기본적으로 취소에 포커스가 맞춰진 것을 보여주는 네이티브 HTML 의미론을 사용한 최소한의 대화 상자 예시가 제공됩니다. 그런 다음 텍스트는 순수 매핑 테스트 실행 및 키보드와 화면 판독기를 사용한 대화 상자 수동 테스트를 포함한 테스트 절차를 설명합니다. 핵심 설계 원칙은 의미론적 컨트롤 주위에 단축키를 향상 기능으로 추가하는 동시에 처리되지 않은 키가 예상대로 계속 작동하도록 보장하는 것입니다. 저자는 MonkeyCode 프로젝트에 대한 자신의 기여를 언급하고 설명된 동작이 공개된 이슈 및 코드에 기반하고 있음을 공개합니다.