# img 역할(role)을 가진 svg 엘리먼트는 접근 가능한 텍스트를 가져야 합니다

<https://www.fixreports.com/ko/issues/svg-img-alt>

WCAG 1.1.1 텍스트가 아닌 콘텐츠 · 레벨 A

정보를 전달하는 SVG 이미지에 대체 텍스트가 없습니다.

## 이 규칙이 확인하는 내용
이미지, 그래픽 문서, 그래픽 심볼 역할(role)을 가진 svg 엘리먼트가 접근 가능한 텍스트를 가지고 있는지 확인하세요.

## 중요한 이유
WCAG 1.1.1은 의미 있는 이미지에 대체 텍스트를 요구합니다.

## 수정 방법
### 모든 웹사이트에서
1. 의미 있는 SVG에는 aria-label이나 <title> 요소를, 순전히 장식용인 SVG에는 aria-hidden="true" 속성을 추가하십시오.

### Shopify에서
1. 의미 있는 SVG에는 aria-label이나 <title> 요소를, 순전히 장식용인 SVG에는 aria-hidden="true" 속성을 추가하십시오.

### WooCommerce와 WordPress에서
1. 의미 있는 SVG에는 aria-label이나 <title> 요소를, 순전히 장식용인 SVG에는 aria-hidden="true" 속성을 추가하십시오.

## 수정 확인 방법
- 해당 페이지를 다시 스캔하십시오.

## 출처
- axe-core 규칙 문서(Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- WCAG 1.1.1 이해하기(W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content