웹 접근성 배포 전 실행형 체크리스트

핵심 질문: 이번 배포에서 실제로 확인할 페이지·컴포넌트는 무엇인가?

배포 단위에서 변경된 핵심 사용자 동선, 주요 대화형 컴포넌트, 뷰포트 범위(360px 모바일 및 데스크톱)를 정의합니다.

핵심 질문: 어떤 전경색·배경색·상태값을 입력했고 정밀 결과는 무엇인가?

일반 텍스트(4.5:1), 큰 텍스트(3.0:1), UI 부품(3.0:1)을 확인하고 반올림 전 내부 소수점 원값으로 경계값을 판정합니다.

핵심 질문: 어떤 요소의 실제 bounding box와 인접 간격을 확인했는가?

대화형 터치 버튼/링크의 24 CSS px 최소 크기와 인접 타깃 간 24px 직경 원 간격 예외 조건을 측정합니다.

핵심 질문: H1·H2·H3 구조와 실제 페이지 의미가 일치하는가?

페이지당 1개의 고유 H1, 논리적 순차 계층(H1→H2→H3 단계 건너뜀 방지), 빈 제목 태그 존재 여부를 점검합니다.

핵심 질문: 어떤 input·오류 상태·label/description 연결을 확인했는가?

명시적 <label for>, placeholder 단독 의존 금지, aria-describedby 설명/오류 연결 및 aria-invalid 동기화를 확인합니다.

핵심 질문: 목록·스크린리더·주변 문맥에서 목적이 분명한가?

‘더보기’ 같은 모호한 문구의 맥락적 명확성, SVG 아이콘 버튼의 접근 가능한 이름(Accessible Name), 색상 외 밑줄 단서를 점검합니다.

핵심 질문: Tab·Shift+Tab·Escape·초점 복귀를 어떤 순서로 확인했는가?

:focus-visible 3px 포커스 링 표시, 고정 헤더/푸터 가림(scroll-padding), Tab 순환 및 닫힘 후 트리거 버튼 복원을 검토합니다.

핵심 질문: 모달·아코디언·SPA 전환·오류 상태의 DOM/ARIA 상태가 일치하는가?

모달 aria-modal + Focus Trap + inert, 아코디언 aria-expanded/aria-controls, SPA 페이지 이동 시 title 갱신 및 H1 초점 이동을 확인합니다.

핵심 질문: 자동 결과가 놓칠 수 있는 의미·문맥·낭독·시각 문제는 무엇인가?

자동 검사 도구가 판정할 수 없는 대체 텍스트(alt)의 적절성, 스크린리더 가상 커서 탐색 흐름, 200% 확대 시 리플로우를 직접 검토합니다.

핵심 질문: 실패를 수정한 뒤 동일 입력으로 결과가 어떻게 바뀌었는가?

발견된 결함을 코드로 수정한 후 동일한 테스트 fixture와 키보드 경로로 재검사하여 회귀 여부와 최종 통과를 확인합니다.