키보드 상호작용
| 키 | 동작 |
|---|---|
| Tab | 다이얼로그 안의 다음 요소로 포커스를 이동합니다. |
| Shift + Tab | 다이얼로그 안의 이전 요소로 포커스를 이동합니다. |
| Esc | 다이얼로그를 닫습니다. 단, 임의로 닫을 수 없도록 설정한 경우는 제외합니다. |
접근성 참고 사항
showModal()로 열면 다이얼로그에role="dialog"와 모달 시맨틱이 부여되고, 페이지의 나머지 부분은 상호작용할 수 없게 됩니다.- 제목과 설명은 생성된 id로 연결되므로, 다이얼로그가 열리면 스크린 리더가 둘 다 읽어 줍니다.
- 초기 포커스는
autofocus가 지정된 요소로, 없으면 포커스를 받을 수 있는 첫 번째 요소로 이동합니다. 파괴적인 작업을 확인할 때는 안전한 선택지에autofocus를 지정하는 것이 좋습니다. - 다이얼로그가 닫히면 포커스는 다이얼로그를 연 요소로 돌아갑니다.
- 사용자 상호작용 없이 Esc 키를 반복해서 누르면 브라우저가 임의로 닫을 수 없는 다이얼로그도 닫을 수 있습니다. 따라서 항상 명시적으로 닫을 수 있는 방법을 제공해야 합니다.