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

<https://www.fixreports.com/ko/issues/aria-hidden-focus>

WCAG 4.1.2 이름, 역할, 값 · 레벨 A

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

## 이 규칙이 확인하는 내용
aria-hidden 엘리먼트가 초점을 얻을 수 있는(focusable) 엘리먼트를 포함하지 않도록 하세요.

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

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

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

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

## 수정 확인 방법
- 스크린 리더를 켠 상태에서 Tab 키로 페이지를 이동해 보십시오.

## 출처
- axe-core 규칙 문서(Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- WCAG 4.1.2 이해하기(W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value