본문 바로가기
공부하기

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

by 날아라못난 2024. 2. 3.
728x90
반응형

레이블 또는 지시문 제공

모든 양식 필드(<input>,<textarea>, <select> 등)에 시각적인 레이블을 제공하고 있는가?
특정 규칙이 있는 양식 필드의 경우 사용자가 규칙을 확인할 수 있도록 지시문을 제공하고 있는가?

오류 수정 제안

입력 방식에 대한 오류가 발생하였을 때 방식을 수정할 수 있는 오류 문구를 제시하고 있는가?
특정 형식이 요구되는 경우 입력 오류 발생 시 입력해야 하는 예시를 구체적으로 제공하고 있는가?

오류 방지 매커니즘 제공

구매와 같은 제출의 경우, 거래를 수정하거나 취소할 수 있는 기능 또는 제출 전에 사용자가 검토할 수 있는 수단이나 절차를 제공하고 있는가?
데이터 삭제를 일으키는 제출의 경우, 삭제된 정보를 복구하거나 제출 전에 사용자의 삭제 의도를 확인할 수 있는 수단이나 절차를 제공하고 있는가?
데이터 작성을 완료하는 제출의 경우, 제출 전 사용자가 제출 내용을 검토할 수 있는 수단이나 절차를 제공하고 있는가?

웹 표준 문법

마크업 내 id 속성값 또는 요소가 중복되지 않는가?
시작/종료 태그를 잘못 적용한 곳은 없는가?
W3C Validator에서 Error 항목은 없는가?

이름, 역할, 값 제공

커스터마이징된 UI는 어떤 역할(role)을 하고 있는지 올바르게 삽입되어 있는가?
커스터마이징된 UI는 현재 어떤 상태(aria-*)인지 올바르게 삽입되어 있는가?
커스터마이징된 UI는 일반적인 키보드 인터랙션에 맞게 키보드로 동작하는가?
WAI-ARIA의 각 역할과 속성을 올바르게 사용하였는가?
커스터마이징된 UI는 현재 어떤 상태(aria-*)인지 올바르게 삽입되어 있는가?
커스터마이징된 UI는 aria-label이나 aria-labelledby 로 이름을 제공하고 있는가?

상태 메시지 제공

조회나 검색 버튼을 누르면 시각적으로 확인되는 결과를 상태메세지(role=status 등)로 제공하고 있는가?
중요하지 않고 민감하지 않은 정보에 role=alert 이나 aria-live=assertive 등으로 알려주는 정보는 없는가?
728x90
반응형