모달

설계 철학

사용자의 주의를 현재 작업에 집중시키고, 삭제·결제처럼 되돌리기 어려운 동작 전에 명시적 확인을 받는 오버레이 다이얼로그입니다. 배경을 딤(dim) 처리해 맥락을 유지하면서, ESC·바깥 클릭·명시적 버튼으로 닫을 수 있어야 합니다.

동작 원칙

포커스 트랩(focus trap)으로 키보드 이동을 모달 내부에 가두고, 열릴 때 배경 스크롤을 잠급니다. aria-modal·role="dialog"로 스크린 리더 접근성을 보장하며, 파괴적 동작 버튼은 시각적으로 구분합니다.

적용 가능 개발언어