<img> 요소의 alt 속성을 생략해도 되는 경우

<img> 요소의 alt 속성을 생략해도 되는 경우

1. 이미지에 적절한 설명을 제공하기 어려울 때
2. <figure><img> 구조에서 <figcaption> 요소로 이미지 설명을 제공할 때
   
   

   <figure>
       <img src="abc.jpg">
       <figcaption>이미지 설명</figcaption>
   </figure>

<figcaption>은 비시각장애인에게도 제공되는 정보를 담으며 <figcaption>을 쓸 경우 스크린리더가 두 번 읽어주지 않도록 <img>의 alt 속성은 생략해주는 게 좋다.

'앨리스가 왼쪽, 밥이 오른쪽에 있다'와 같은 정보는 비시각장애인에게도 유용한 정보일 수 있으므로 <figcaption>에 써줘도 좋다.

뒤로 가기용 화살표 버튼, 메시지 읽음 여부로 달라지는 편지 봉투 아이콘 등 상호작용이 가능한 기능성 이미지일 경우 <figcaption> 대신 <img>의 alt 속성을 사용한다. ('파란색 왼쪽 화살표(모양)'가 아닌 '뒤로 가기(기능)'로 표기)

 

 

 

 

Reference
https://stackoverflow.com/questions/58447538/accessibility-difference-between-img-alt-and-figcaption