The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

역할을 위해 요소에 ARIA 속성을 허용합니다.

왜 이 검사가 중요한가

잘못된 role-속성 조합은 페이지의 접근성을 불가하게 할 수 있습니다.

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

아래 검사에서, 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를 참고하세요.