728x90
반응형
자동 재생 금지
소리가 나는 콘텐츠를 제공할 경우 자동으로 재생되지 않도록 설정되어 있는가?
소리가 나는 콘텐츠를 자동으로 재생해야 한다면, 3초 이내에 자동으로 소리가 꺼지도록 제공하거나 소리를 끌 수 있는 컨트롤 요소가 있는가?
페이지 진입 시에 자동으로 재생되는 오디오 콘텐츠가 있다면, 웹 페이지 시작 부분에 오디오를 끌 수 있는 컨트롤 요소가 제공되고 있는가?
텍스트 콘텐츠의 명도 대비
텍스트와 배경 간의 명도대비는 4.5:1 이상을 준수하고 있는가?
링크 텍스트가 방문 링크인 경우 마우스 호버나 키보드 포커스 상태에서도 명도대비를 준수하고 있는가?
텍스트 크기 조정
브라우저 확대 기능으로 200% 확대 시 텍스트나 이미지가 잘려 보이는 곳은 없는가?
브라우저 확대 기능으로 200% 확대 시 사용자 컨트롤(입력 필드, 셀렉트 등)도 확대가 되는가?
텍스트 이미지
로고를 제외한 텍스트는 이미지로 사용하지 않았는가?
SMALL
재배치
브라우저 1280px 기준에서 400% 확대한 경우, 가로 스크롤이 발생하지 않고 세로 스크롤만으로 화면 확인이 가능한가?
브라우저 1280px 기준에서 400% 확대 시 100% 상태와 동등한 콘텐츠를 확인할 수 있는가?
화면 확대 시 콘텐츠가 뷰포트의 너비에 맞게 재배치될 경우 콘텐츠가 겹치거나 텍스트가 소실되지 않는가?
텍스트 아닌 콘텐츠의 명도대비
키보드 포커스 상태를 표현하기 위한 컬러가 3:1 이상의 명도 대비를 준수하는가?
UI 컴포넌트(입력 필드, 드롭다운, 라디오 버튼, 체크박스 등)가 3:1 이상의 명도 대비를 준수하는가?
정보를 갖고 있는 요소(아이콘, 특정 영역을 가르키는 실선 등)와 배경 간의 명도 대비가 3:1 이상을 준수하는가?
상태 정보를 갖고 있는 컴포넌트의 경우(Active/Non-active, Press/Non-press 등) 각 상태의 색상 차이가 명도 대비 3:1 이상을 준수하는가?
728x90
반응형
'공부하기' 카테고리의 다른 글
퍼블리셔가 체크해야 할 접근성 준수 항목 (150) | 2024.01.31 |
---|---|
퍼블리셔 접근성 준수 체크 항목 (136) | 2024.01.30 |
퍼블리싱을 위한 접근성 체크항목 (123) | 2024.01.29 |
퍼블리싱을 위한 접근성 체크항목 (129) | 2024.01.27 |
텍스트가 아닌 콘텐츠 접근성 체크항목 (4) | 2024.01.26 |