Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

요소의 ARIA 속성은 유효해야 한다

왜 이 검사가 중요한가

맞춤법이 틀렸거나 존재하지 않는 ARIA 속성으로 인해 스크린 리더가 위젯의 현재 상태를 제대로 이해하지 못할 수 있습니다. 이로 인해 스크린 리더에 의존하는 사용자가 페이지를 사용하지 못할 수 있습니다.

어떻게 이 검사를 통과하는가

아래 검사에서, Lighthouse는 1 element fails this test 같은 걸 보여줍니다. 숫자는 실패한 요소의 갯수에 따라 다릅니다. 목록을 확장하려면 이 레이블을 클릭하세요. Chrome DevTools 콘솔에서 $(), $$(), and $x() 함수를 실행하여 DOM에서 각 요소를 찾을 수 있습니다.

리스트의 각 요소에서 잘못된 속성명을 찾으려면 다음을 수행하세요:

  1. 요소의 rolearia-* 속성을 확인하세요.

  2. Definition of Roles로 이동하세요.

  3. 이 요소의 role 페이지로 이동하세요.

  4. Required States and PropertiesSupported States and Properties 목록에서 요소의 aria-* 속성을 다시한번 체크하세요.

감사 구현 방법

이 섹션에서는 감사 점수 계산 방법을 이해할 수 있도록 감사를 어떻게 구현하는지 설명합니다.

이 검사는 aXe 접근성 엔진에 의해 검사합니다. 더 자세한 정보는 Elements must only use allowed ARIA attributes를 참고하세요.