적절한 의미 제공
- 대화 상자를 여는 링크(혹은 버튼)에 연관 의미가 주요 정보로 포함
- 대화 상자 접근 시 "대화 상자"라는 의미 전달 필요
키보드 접근성
대화 상자가 열리면, 배경 페이지의 키보드 초점에서 벗어나 대화 상자 내부로 초점이 이동 되도록 제공
- 초점을 대화 상자에 포함 된 요소로 이동
- 다른 요소로 초점을 이동시키는 것이 적절하지 않은 한, 초점을 얻을 수 있는 첫 번째 요소로 초점 이동
- 초점을 얻을 수 있는 첫 번째 요소의 콘텐츠 크기가 커서 스크롤을 해야 볼 수 있다면, 대화 상자 제목이나 첫
단락과 같은 대화 상자의 맨 위에있는 정적 요소에
tabindex=-1을 추가하여 해당 요소로 초점 이동 - 대화 상자의 용도가 추가 정보를 제공하거나 처리를 계속하도록 하는 인터랙션으로 제한되는 경우, 가장 자주 사용되는 요소 (예: 확인 또는 계속 버튼)에 초점을 설정하는 것이 좋음
대화 상자 내로 초점이 이동 된 후, 대화 상자 내부로 키보드 trapping
tab:- 대화 상자 안의 키보드로 초점을 얻을 수 있는 다음 요소로 이동
- 초점이 대화 상자의 초점을 얻을 수 있는 마지막 요소에 있는 경우, 초점을 대화 상자의 첫 번째 초점을 얻을 수 있는 요소로 이동
shift+tab:- 대화 상자 안의 초점을 얻을 수 있는 이전 요소로 이동
- 초점이 대화 상자의 초점을 얻을 수 있는 첫 번째 요소에 있는 경우, 초점을 대화 상자의 마지막 초점을 얻을 수 있는 요소로 이동
대화 상자 안으로 초점이 이동 된 후, 대화 상자 외부로 스크린리더의 탐색 제한
대화 상자가 닫히면, 대화 상자가 열릴 때 마지막 위치했던 초점으로 이동