퍼블리싱을 위한 접근성 체크항목

콘텐츠 선형 구조

HTML 마크업 순서가 논리적으로 선형화되어 있는가?

tabindex 속성을 양수값(1 이상)으로 사용하여 임의로 포커스 순서를 지정하고 있지 않은가?

 

명확한 지시 사항 제공

색, 크기, 모양, 방향, 소리 등 특정 감각에 의존하여 컨트롤 요소 또는 특정 영역을 가르키고 있지 않은가?

 

콘텐츠 보기 방향 제한 금지

화면을 가로나 세로 단일 방향으로 제한하지 않는가?

 

명확한 입력 목적

사용자가 입력해야 하는 <input>에 이름, First name, Last name, 생일, 이메일, 전화번호, 도시, 주소, 우편 주소에 autocomplete 속성을 사용하고 있는가?

 

색에 무관한 콘텐츠 인식

그래프 및 차트가 정보를 전달하는데 색상이 사용된 경우, 색상에 의존하지 않는 다른 수단을 제공하고 있는가?

색상을 이용하여 정보를 제공할 때, 색상을 구분할 수 없어도 정보를 인식할 수 있는 수단이 제공되어 있는가?

필수입력 필드를 색상 이외의 모양으로 구분하고 있는가?

링크가 다른 정적인 텍스트와 색상 차이뿐만 아니라 굵기 또는 밑줄 등 시각적으로 구분되는가?

 

접근성 준수를 소홀히 하지 말고 체크항목으로 준수사항에 어긋나지 않는 퍼블리셔가 됩시다~