select 엘리먼트는 반드시 접근 가능한 이름을 가져야 합니다

이 규칙이 확인하는 내용

select 엘리먼트가 접근 가능한 이름을 가지고 있는지 확인하세요.

중요한 이유

WCAG 4.1.2는 선택 메뉴에 접근 가능한 이름이 있어야 한다고 요구합니다.

수정 방법

1. select에 연결된 <label> 요소나 aria-label="Sort by" 같은 aria-label을 추가하십시오.

수정 확인 방법

• 컬렉션 페이지와 상품 페이지를 다시 스캔하십시오.

FixReports가 찾아내는 방법

저희 스캔은 테스트하는 모든 페이지에서 실제 Chrome 브라우저로 axe-core 규칙 select-name을(를) 실행하고, 실패한 요소마다 해당 페이지와 마크업, 그리고 해당하는 경우 스크린샷을 함께 보고합니다.

자동화 테스트는 이 특정 문제가 있다는 것을 확인할 뿐, 페이지의 나머지 부분이 접근 가능한지는 알 수 없습니다. 어떤 장벽은 사람이 페이지를 확인해야만 드러납니다.