# ARIA 및 label에 사용된 ID는 반드시 고유해야 합니다

<https://www.fixreports.com/ko/issues/duplicate-id-aria>

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

레이블이나 설명에 쓰이는 id를 여러 요소가 함께 사용하고 있어, 보조 기술이 잘못된 레이블을 읽을 수 있습니다.

## 이 규칙이 확인하는 내용
ARIA 및 label에 사용된 모든 id 어트리뷰트 값이 고유한지 확인하세요.

## 중요한 이유
레이블과 설명은 id로 요소를 가리키므로, id가 중복되면 그 연결이 끊어집니다(WCAG 4.1.2).

## 수정 방법
### 모든 웹사이트에서
1. 각 요소에 고유한 id를 지정하고 그 id를 참조하는 속성(for, aria-labelledby, aria-describedby)을 업데이트하십시오.
2. Shopify 섹션에서는 id에 {{ section.id }} 값을 덧붙여 반복되는 섹션에서도 id가 고유하게 유지되도록 하십시오.

### Shopify에서
1. 각 요소에 고유한 id를 지정하고 그 id를 참조하는 속성(for, aria-labelledby, aria-describedby)을 업데이트하십시오.
2. Shopify 섹션에서는 id에 {{ section.id }} 값을 덧붙여 반복되는 섹션에서도 id가 고유하게 유지되도록 하십시오.

### WooCommerce와 WordPress에서
1. 각 요소에 고유한 id를 지정하고 그 id를 참조하는 속성(for, aria-labelledby, aria-describedby)을 업데이트하십시오.
2. Shopify 섹션에서는 id에 {{ section.id }} 값을 덧붙여 반복되는 섹션에서도 id가 고유하게 유지되도록 하십시오.

## 수정 확인 방법
- 다시 스캔해 duplicate-id 규칙이 통과하는지 확인하십시오.

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