티스토리 뷰
웹 접근성
▏Perceivable (인식의 용이성)
🙾 적절한 대체 텍스트 제공
- 텍스느 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 함
🙾 자막 제공
- 멀티미디어 콘텐츠에는 자막, 원고 또는 수화를 제공해야 함
🙾 색에 무관한 콘텐츠 인식
- 콘텐츠는 색에 관계없이 인식될 수 있어야 함
🙾 명확한 지시사항 제공
- 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 함
🙾 텍스트 콘텐츠의 명도 대비
- 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1 이상이어야 함
🙾 자동 재생 금지
- 자동으로 소리가 재생되지 않아야 함
🙾 콘텐츠 간의 구분
- 이웃한 콘텐츠는 구별될 수 있어야 함
① 테두리를 이용하여 구분
② 콘텐츠 사이에 시각적인 구분선을 삽입하여 구분
③ 서로 다른 무늬를 이용하여 구분
④ 콘텐츠 배경색 간의 명도대비(채도)를 달리하여 구분
⑤ 줄 간격 및 글자 간격을 조절하여 구분
⑥ 기타 콘텐츠를 시각적으로 구분할 수 있는 방법 등
▏Operable (운용의 용이성)
🙾 키보드 사용 보장
- 모든 기능은 키보드만으로도 사용할 수 있어야 함 → PC웹
🙾 누르기 동작 지원
- 터치(touch) 기반 모바일 기기의 모든 컨트롤은 누르기 동작으로 제어할 수 있어야 함 → 모바일웹
🙾 초점 이동
- 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 함
🙾 조작 가능
- 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 함
🙾 응답시간 조절
- 시간제한이 있는 콘텐츠는 응답시간을 조절할 수 있어야 함
🙾 정지 기능 제공
- 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 함
🙾 깜빡임과 번쩍임 사용 제한
- 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 함
🙾 반복 영역 건너뛰기
- 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 함
🙾 제목 제공
- 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 함
🙾 적절한 링크 텍스트
- 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 함
▏Understandable (이해의 용이성)
🙾 기본 언어 표시
- 주로 사용하는 언어를 명시해야 함
🙾 사용자 요구에 따른 실행
- 사용자가 의도하지 않은 기능 (새 창, 초점 변화 등)은 실행되지 않아야 함
🙾 콘텐츠의 선형화
- 콘텐츠는 논리적인 순서로 제공해야 함
🙾 표의 구성
- 표는 이해하기 쉽게 구성해야 함
🙾 레이블 제공
- 사용자 입력에는 대응하는 레이블을 제공해야 함
🙾 오류 정정
- 입력 오류를 정정할 수 있는 방법을 제공해야 함
🙾 견고성(Robust)
① 마크업 오류 방지
- 마크업 언어의 요소는 열고 닫음, 중첩 관계 및 속성 선언에 오류가 없어야 함
② 웹 애플리케이션 접근성 준수
- 콘텐츠에 포함된 웹 애플리케이션은 접근성이 있어야 함