모달(modal)은 대화상자를 처리하거나 닫기 전까지 바깥 영역과의 상호작용을 제한하는 방식이고, 모드리스(modeless)는 다른 영역도 함께 조작할 수 있는 방식이다.

- 삭제 확인창은 모달로, 캔버스를 계속 다루며 쓰는 색상 도구창은 모드리스로 구성할 수 있다. 창이 화면 위에 떠 있다는 사실만으로 모달이 되지는 않는다.
- 모달을 열면 [[포커스]]가 안으로 이동하고, 닫을 때는 적절한 위치로 돌아와야 한다. 배경을 어둡게 하는 표현만으로 키보드 조작까지 제한되지는 않는다.
- [[모드 오류]]는 현재 어떤 상태에서 명령이 해석되는지 혼동할 때 생기는 문제다. 모달을 자주 띄우면 이어 하던 작업을 끊을 수 있다.

## 참고

- [W3C: 모달 대화상자 패턴](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/)

#웹 #상호작용 #접근성 #기초