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

728x90

각 섹션의 제목은 헤딩태그로 사용하였는가?

각 헤딩태그는 구조화되어 목적에 맞게 사용하고 있는가?

페이지 본문 내 제목이 최상위 레벨 헤딩(h1)으로 지정되었는가?

포커스 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되고 있는가?

포커스는 시각적으로 잘리는 부분 없이 보여지고 있는가?

포커스가 변경되는 배경 이미지와 결합한 경우 포커스와 배경 사이에 3:1 이상의 명도 대비를 준수하고 있는가?

멀티 포인트(두 손가락으로 제어해야 하는 기능)는 한 손가락 터치 기능으로 대체가 가능한가?

경로기반 제스처(스와이프나 슬라이드 등)은 단순 터치 기능으로 대체가 가능한가?

버튼 기능은 마우스로 누른 상태에서 실행되지 않고 누르고 뗀 상태에서 실행되는가?

시각적으로 보이는 레이블이 실제로 접근 가능한 이름에 포함되어 있는가?

aria-label이나 aria-labelledby을 사용하는 경우 실제 보이는 텍스트를 앞에 사용하고 있는가?

모션 기반으로 작동되는 기능을 제공한 경우 대체수단으로 사용할 수 있는 UI컴포넌트가 있는가?

기능이 활성화 되는 것을 방지할 수 있도록, 모션 기반 작동을 비활성 상태로 변경할 수 있는 기능이 있는가?

<html>에 lang속성을 명시하고 있는가?

페이지 기본 언어와 다른 언어가 부분적으로 제공될 때 lang 속성을 명시하고 있는가?

728x90

관련글