웹 접근성

웹 접근성을 사용자가 정보를 얻고 작업을 끝내는 과정에서 이해합니다. WCAG 2.2의 구조와 AI를 활용한 평가 방법을 익히고, 페이지·이용 흐름·증거 자료를 정해 첫 평가 프롬프트를 실행할 준비를 합니다.

이미지의 존재보다 목적과 문맥을 설명하는 대안을 설계합니다.

음성 전용과 영상 전용 자료에 필요한 대안을 구분합니다.

자막의 존재, 정확성, 화자 구분과 동기화를 평가합니다.

녹화 영상의 시각 정보를 해설 또는 충분한 대안으로 전달합니다.

실시간 동기화 매체의 자막을 점검하는 방법을 다룹니다.

AA에서 요구하는 시각 정보의 음성 해설을 검토합니다.

수어 통역의 제공 여부와 평가에 필요한 언어 전문성을 구분합니다.

음성 사이의 틈이 부족한 영상에 확장 해설이 필요한지 살펴봅니다.

녹화 동기화 매체와 영상 전용 자료의 전체 대안을 검토합니다.

실시간 음성 전용 정보에 동등한 대안을 준비합니다.

제목, 목록, 표, 폼의 관계를 보조 기술에 전달합니다.

정보의 의미를 유지하는 읽기 순서를 평가합니다.

모양, 색, 위치, 소리에 의존하는 지시를 개선합니다.

필수 사유가 없는 화면 방향 제한을 점검합니다.

사용자 개인정보 입력의 목적을 코드로 식별하게 합니다.

조작 요소, 아이콘, 영역의 목적을 식별하는 AAA 기준입니다.

상태와 구분을 색 외의 방식으로도 전달합니다.

3초 넘게 자동 재생되는 음성의 제어 경로를 확인합니다.

일반 텍스트와 큰 텍스트의 대비를 조건에 맞게 계산합니다.

문자 확대에서 내용과 조작이 손실되는지 확인합니다.

이미지 속 글자 대신 조절 가능한 텍스트를 제공합니다.

AAA 대비 목표를 일반 텍스트와 큰 텍스트에 적용합니다.

녹음된 음성 전용 자료에서 배경음을 검토합니다.

글줄 길이, 줄 간격, 정렬, 색상 조절을 함께 다룹니다.

AAA에서 텍스트 이미지의 허용 범위를 살펴봅니다.

확대와 작은 뷰포트에서 양방향 스크롤을 줄입니다.

컨트롤과 정보를 전달하는 그래픽의 명도 차이를 평가합니다.

글자·단어·줄·문단 간격 변경에 견디는 화면을 만듭니다.

툴팁과 팝오버의 해제·포인터 이동·지속 조건을 확인합니다.

기능을 키보드로 실행할 수 있는지 실제 흐름에서 확인합니다.

위젯과 대화상자에서 포커스를 이동할 경로를 확인합니다.

모든 기능의 키보드 조작을 더 엄격한 범위에서 평가합니다.

단일 문자 단축키의 해제·변경·활성 범위를 점검합니다.

시간 제한의 해제·조절·연장과 예외를 평가합니다.

자동 움직임과 업데이트의 중단 수단을 확인합니다.

AAA에서 시간 제한 없이 기능을 완료할 수 있는지 확인합니다.

긴급 상황 외의 방해를 조절할 수 있게 합니다.

세션 만료 뒤 재인증에서 데이터와 진행을 보존합니다.

비활동으로 데이터를 잃을 수 있는 시간을 안내합니다.

번쩍임 횟수와 일반·적색 임계값의 평가를 구분합니다.

초당 번쩍임 횟수의 AAA 기준을 검토합니다.

조작으로 발생하는 모션을 끌 수 있는지 확인합니다.

반복 내비게이션을 건너뛰는 경로를 확인합니다.

문서 제목이 주제와 목적을 설명하는지 검토합니다.

키보드 이동 순서가 정보와 기능의 관계를 유지하는지 평가합니다.

링크와 프로그램으로 연결된 문맥의 목적을 함께 평가합니다.

사이트 내 페이지를 찾는 복수의 경로를 확인합니다.

존재하는 제목과 레이블이 의미 있는 표현인지 평가합니다.

키보드 포커스의 시각적 표시를 실제 상태에서 확인합니다.

현재 페이지가 어디에 속하는지 알려주는 정보를 검토합니다.

문맥 없이도 링크의 목적을 식별하는 경로를 검토합니다.

문서를 주제별 제목으로 구성하는 AAA 기준입니다.

AA에서 고정 요소가 포커스 대상을 완전히 가리는지 평가합니다.

AAA에서 포커스 대상의 부분 가림까지 평가합니다.

AAA 포커스 표시의 면적과 상태 간 대비를 측정합니다.

다중 포인터와 경로 기반 제스처의 단순 조작 대안을 확인합니다.

누르기와 떼기의 시점, 취소·되돌리기 수단을 검토합니다.

음성 조작에서 화면의 레이블로 대상을 찾을 수 있게 합니다.

기기 움직임 기반 기능의 UI 대안과 해제 수단을 확인합니다.

44×44 CSS px의 강화 목표와 예외를 검토합니다.

하나의 입력 방식 때문에 다른 방식을 제한하는지 확인합니다.

드래그 기능의 단일 포인터 대안을 평가합니다.

24×24 CSS px와 간격 등 예외를 조건에 맞게 평가합니다.

문서의 기본 언어를 프로그램이 식별하게 합니다.

본문 안의 다른 언어 구간을 의미와 예외에 맞게 표시합니다.

전문 용어와 특별한 용법을 설명하는 방법을 검토합니다.

약어의 확장형이나 의미를 확인할 수 있게 합니다.

어려운 텍스트에 이해하기 쉬운 보충 경로를 제공합니다.

발음에 따라 의미가 달라지는 표현의 확인 경로를 제공합니다.

요소에 진입한 것만으로 맥락이 바뀌는지 확인합니다.

설정 변경으로 발생하는 맥락 전환의 사전 안내를 검토합니다.

반복되는 탐색 구조의 상대적 순서를 유지합니다.

동일한 기능의 이름과 표현을 일관되게 제공합니다.

AAA에서 맥락 변경을 사용자가 요청하거나 끌 수 있게 합니다.

반복되는 도움 수단의 상대적 위치를 유지합니다.

자동으로 발견한 입력 오류를 텍스트로 전달합니다.

요구하는 정보와 형식을 입력 전에 안내합니다.

알려진 수정 방법을 오류 메시지에 연결합니다.

중요한 작업의 취소·검사·확인 경로를 검토합니다.

입력과 작업의 맥락에 맞는 도움을 제공합니다.

정보 제출 전반의 되돌리기·검사·확인 수단을 검토합니다.

이미 입력한 정보를 재사용하거나 선택하도록 제공합니다.

AA 인증에서 인지 기능 시험의 대안과 지원 수단을 검토합니다.

AAA 인증에서 허용되는 대안과 지원 범위를 검토합니다.

커스텀 컨트롤의 의미와 상태 변경을 프로그램에 전달합니다.

작업 결과와 진행 상태를 보조 기술에 전달합니다.

항목별 프롬프트를 조율하고 근거·개선·재점검을 연결하는 시스템과 자료 배포·서비스 전환 구조를 설계합니다.