키보드 이용
핵심 기능은 Tab, Enter, Space와 Escape로 사용할 수 있도록 구성합니다.
접근성 안내
키보드, 스크린리더, 확대와 모션 감소 환경에서도 핵심 검사를 이용할 수 있도록 개선합니다.
화면 구조 안내
제목, 입력 이름과 상태 알림으로 화면의 순서와 변화를 전달합니다.
검증 범위 표시
자동 검사만으로 모든 보조기기 환경에서의 사용성을 보장하지 않습니다.
01
지원 목표
WCAG 2.2 AA 기준을 참고해 핵심 사용 흐름을 개선합니다
공개 검사와 로컬 분석 도구에서 같은 정보 순서와 조작 방식을 제공하는 것을 목표로 합니다. 이 페이지는 인증서가 아니라 현재 지원 범위와 남은 검증 항목을 안내합니다.
02
키보드·포커스
반복 영역을 건너뛰고 현재 작업으로 이동할 수 있습니다
첫 포커스에서 헤더를 건너뛰고 본문으로 이동합니다.
닫힌 메뉴의 링크는 선택되지 않으며 Escape로 메뉴를 닫을 수 있습니다.
결과나 오류가 나타나면 해당 제목으로 이동해 현재 위치를 알립니다.
보이지 않는 포커스, 키보드로 실행할 수 없는 클릭 영역과 임의의 이동 순서는 사용하지 않습니다.
03
스크린리더
화면 구조와 동적 상태를 텍스트로도 제공합니다
- 페이지 언어와 제목, 주요 화면 영역을 구분합니다.
- 입력에는 이름과 도움말·오류 관계를 연결합니다.
- 검사 진행, 결과 준비, 복사와 확인 상태를 음성으로 알릴 수 있게 구성합니다.
- 상태는 색상뿐 아니라 “양호”, “개선 필요”, “데이터 없음” 같은 텍스트로 표시합니다.
- 장식 아이콘은 읽기 순서에서 제외하고 아이콘 전용 버튼에는 이름을 제공합니다.
04
시각·모션
확대, 고대비와 모션 감소 설정을 존중합니다
320px 폭과 200% 확대에서도 주요 버튼과 텍스트가 잘리지 않도록 구성합니다.
강제 색상 환경에서도 포커스와 카드 경계를 확인할 수 있게 합니다.
모션 감소를 선택하면 반복 애니메이션과 부드러운 스크롤을 최소화합니다.
05
검증 현황
자동 기준과 실제 보조기기 검증을 구분합니다
| 영역 | 현재 기준 | 검증 상태 |
|---|---|---|
| 키보드 | 본문 건너뛰기, 논리적인 이동 순서, Escape와 포커스 복귀 | 코드 반영 |
| 스크린리더 | 화면 영역, 입력 이름, 상태 알림, 결과 제목 포커스 | 수동 검증 필요 |
| 확대·반응형 | 320px 폭과 200% 확대에서 주요 작업 유지 | 배포 전 재검증 |
| 모션 | 운영체제의 모션 감소 설정에서 자동 스크롤과 애니메이션 최소화 | 코드 반영 |
| 고대비 | 강제 색상과 높은 대비에서 포커스·상태 경계 유지 | 수동 검증 필요 |
NVDA, VoiceOver와 TalkBack 수동 검증은 실제 배포 환경에서 반복해야 합니다.
06
알려진 한계
자동 검증만으로 모든 사용 환경을 보장할 수 없습니다
스크린리더별 발음과 탐색 방식, 브라우저 확대와 강제 색상 동작은 실제 기기와 브라우저에서 별도로 확인해야 합니다.