WCAG 4.1.2 · 레벨 A

ARIA hidden 엘리먼트는 반드시 초점을 얻을 수 있는(focusable) 엘리먼트를 포함하지 않아야 합니다

포커스를 받을 수 있는 요소가 스크린 리더에서는 숨겨져 있지만 키보드로는 여전히 도달할 수 있습니다.

이 규칙이 확인하는 내용

aria-hidden 엘리먼트가 초점을 얻을 수 있는(focusable) 엘리먼트를 포함하지 않도록 하세요.

중요한 이유

키보드 사용자가 스크린 리더가 읽지 않는 요소에 도달하게 됩니다(WCAG 4.1.2).

수정 방법

  1. 포커스를 받을 수 있는 요소가 들어 있는 컨테이너에서 aria-hidden을 제거하거나, 숨겨진 오프캔버스 메뉴와 슬라이드에 tabindex="-1" 및 inert 속성을 추가하십시오.

수정 확인 방법

  • 스크린 리더를 켠 상태에서 Tab 키로 페이지를 이동해 보십시오.

FixReports가 찾아내는 방법

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

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

오늘 바로 웹사이트를 스캔해 보십시오

찾고, 고치고, 검증합니다.

어떤 종류의 웹사이트인가요?

답변에 따라 온라인 스토어의 구매 과정처럼 알맞은 검사를 고릅니다. 사이트 자체의 근거도 확인해 둘 다 보여 드립니다.

어떤 종류의 웹사이트인가요?

무료 스캔입니다. 신용카드가 필요 없습니다.