본문 바로가기
공부하기

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

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

포커스를 받을 때 컨텍스트 변경 금지

포커스를 받는 순간 페이지가 이동되거나 열리지 않는가?
포커스를 받는 순간 새 창이 열리지 않는가?
포커스를 받는 순간 다른 컴포넌트로 포커스가 이동되지 않는가?
포커스를 받는 순간 자동으로 양식이 제출되지 않는가?

입력 시 컨텍스트 변경 금지

체크박스, 입력 필드 등 컴포넌트의 값 또는 상태 등의 설정 변경만으로 포커스가 자동으로 이동되지 않는가?
체크박스, 입력 필드 등 컴포넌트의 값 또는 상태 등의 설정 변경 중 양식이 자동으로 제출되지 않는가?v
체크박스, 입력 필드 등 컴포넌트의 값 또는 상태 등의 설정 변경만으로 자동으로 새창이 열리지 않는가?
체크박스, 입력 필드 등 컴포넌트의 값 또는 상태 등의 설정 변경만으로 페이지가 이동되지 않는가?

일관된 네비게이션 제공

웹페이지에서 반복되는 검색 영역과 GNB는 동일한 순서와 위치에 제공되고 있는가?
웹페이지에서 반복되는 링크 목록의 순서는 동일하게 제공하고 있는가?
웹페이지에 반복되는 동일한 기능을 가진 버튼의 이름이 일관된 텍스트로 제공하고 있는가?
동일한 기능을 수행하는 아이콘 및 이미지는 동일하게 웹페이지에 제공되고 있는가?
웹페이지내 동일한 표현의 컴포넌트가 서로 다른 기능을 가지지 않는가?
SMALL

오류 정보 식별

오류 발생 시, 포커스가 오류 발생 영역으로 이동하고 오류에 대한 내용을 설명하고 있는가?
오류가 발생한 폼 영역에 aria-invalid 속성을 사용하여 오류를 안내하고 오류 문구를 aria-describedby와 연결하고 있는가?
오류 표현이 색상이나 시각적인 요소로만 구성되지 않는가?
728x90
반응형