[Accessibility] 스크린리더가 이미지를 무시하는 방법 4가지

1. CSS의 background 속성 사용

.image {
  background-image: url(bg.gif);
}

2. 태그에 alt 속성을 빈 값으로 사용

<img src="spacer.git" alt="">

3. aria-hidden=”true” 사용

<img src="bg.jpg" aria-hidden="true">

<div aria-hidden="true"></div>

4. role=”presentation” 사용

<img src="bg.jpg" role="presentation">

---

참고

• 스크린리더가 이미지를 무시하는 가장 좋은 방법
• [HTML&CSS] 스크린 리더가 이미지를 무시하는 방법들