시트의 업무
요약을 읽는지, 선택을 바꾸는지, 문의로 넘어가는지 정합니다. 첫 초점은 단순히 첫 버튼으로 고정하기보다 내용과 크기, 실제 작업 흐름에 맞춰 검토합니다. 긴 설명을 모두 하나의 라벨로 읽게 하는 방식이 이해를 방해하지 않는지도 봅니다.
가정한 초점 경로
다음은 모달 패널의 검수 예시이며 실제 구현 코드는 아닙니다. 공식 패턴과 앱 구조에 맞춰 시험합니다.
invoker: quote summary button
on_open: logical focus within sheet
Tab_and_ShiftTab: remain within active modal sequence
background: not interactive while modal is active
on_Escape: close if pattern supports ordinary cancellation
on_close_button: same cleanup and focus restoration
on_inquiry_navigation: move to logical destination, no stale overlay
선택 보존
가정한 예로 요약을 닫았다고 선택한 서비스를 지워서는 안 되는 흐름이 있을 수 있습니다. 닫기와 초기화의 의미를 분리합니다. 다시 열면 최신 합계가 보이고 문의 이동 뒤 숨은 값이 같은 상태인지 확인합니다.
검수 순서
- 페이지의 여러 위치에서 시트를 엽니다.
- 내부 읽기·선택·스크롤을 시험합니다.
- 닫기 버튼·Escape·지원되는 밖 클릭을 봅니다.
- 복귀 초점과 배경 스크롤·선택 보존을 확인합니다.
열기 버튼이 사라진 상황에는 어디로 돌아갈지 합리적인 경로를 정합니다. 모바일 키보드와 안전 영역 때문에 닫기 버튼이 가려지는지도 확인합니다. 애니메이션 중 반복 열기와 닫기에서 잠금 상태가 누적되지 않아야 합니다.
완료 기준
사용자가 시트에 갇히거나 닫은 뒤 위치를 잃지 않아야 합니다. 역할·이름·모달 속성과 실제 키보드·배경 동작이 일치해야 합니다. 일부 자동 검사 통과를 전체 접근성 인증처럼 표현하지 않고 실제 시험한 환경과 결과를 남깁니다. 문의 이동과 계산기 기능도 핵심 회귀 경로로 함께 확인합니다.
자주 묻는 질문
- 아래에서 올라오면 모두 모달인가요?
- 모양보다 실제 상호작용이 기준입니다. 배경을 계속 조작하는 패널과 모달의 역할을 구분하고 표시한 의미와 동작이 맞아야 합니다.
- 밖을 누르면 닫히니 닫기 버튼은 없어도 되나요?
- 터치·키보드·보조기술에서 명확한 취소 경로가 필요합니다. 밖 클릭 하나에만 의존하지 않고 현재 패턴에 맞는 닫기 조작을 제공해야 합니다.
공식 참고자료와 작성 기준
공식 문서는 도구·검색 기능의 근거이며, 위의 점검 순서와 완료 기준은 현랩의 실무 설계 제안입니다. 예시를 실제 고객의 성과나 검색엔진의 보장으로 해석하지 않습니다.