HTML에서 <img> 태그를 사용해서 이미지를 표시할 때, alt 속성의 역할은 무엇인가요?

alt 속성은 이미지가 표시되지 않을 때 대체 텍스트를 제공하는 역할을 합니다.

• 시각 장애인용 스크린리더가 이미지 대신 alt 값을 읽어 주어 접근성을 높입니다.
• 이미지 로드 실패(예: 경로 오류, 네트워크 문제) 시 브라우저가 alt 텍스트를 화면에 표시해 사용자가 내용을 파악할 수 있게 합니다.
• 검색 엔진 최적화(SEO)에서도 alt 텍스트를 참고해 이미지와 관련된 키워드를 인식합니다.

<img src="logo.png" alt="회사 로고">

위와 같이 alt를 적절히 작성하면, 이미지가 없을 때도 의미 전달이 보장되고, 웹 접근성과 검색 가시성을 크게 향상시킬 수 있습니다.