퍼블리셔가 체크해야할 접근성 준수 항목

자동 재생 금지

소리가 나는 콘텐츠를 제공할 경우 자동으로 재생되지 않도록 설정되어 있는가?

소리가 나는 콘텐츠를 자동으로 재생해야 한다면, 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 이상을 준수하는가?