이 규칙이 확인하는 내용
ARIA 및 label에 사용된 모든 id 어트리뷰트 값이 고유한지 확인하세요.
중요한 이유
레이블과 설명은 id로 요소를 가리키므로, id가 중복되면 그 연결이 끊어집니다(WCAG 4.1.2).
수정 방법
- 각 요소에 고유한 id를 지정하고 그 id를 참조하는 속성(for, aria-labelledby, aria-describedby)을 업데이트하십시오.
- Shopify 섹션에서는 id에 {{ section.id }} 값을 덧붙여 반복되는 섹션에서도 id가 고유하게 유지되도록 하십시오.
수정 확인 방법
- 다시 스캔해 duplicate-id 규칙이 통과하는지 확인하십시오.
FixReports가 찾아내는 방법
저희 스캔은 테스트하는 모든 페이지에서 실제 Chrome 브라우저로 axe-core 규칙 duplicate-id-aria을(를) 실행하고, 실패한 요소마다 해당 페이지와 마크업, 그리고 해당하는 경우 스크린샷을 함께 보고합니다.
자동화 테스트는 이 특정 문제가 있다는 것을 확인할 뿐, 페이지의 나머지 부분이 접근 가능한지는 알 수 없습니다. 어떤 장벽은 사람이 페이지를 확인해야만 드러납니다.