alt 속성

• 네트워크 문제로 이미지가 로드되지 않는 경우 같이 이미지를 로드할 수 없는 상황에서 대체 텍스트를 제공하여 사용자에게 콘텐츠를 이해할 수 있도록 돕는 역할
• 스크린 리더를 사용하는 시각 장애 사용자에게 alt 속성을 통해 이미지의 내용을 음성으로 전달되므로 접근성 측면에서 도움 됨
• 검색 엔진은 이미지를 시각적으로 분석할 수 없기 때문에 alt 속성에 포함된 텍스트를 기반으로 이미지의 콘텐츠를 이해하고 이를 검색 결과에 반영하므로 SEO 측면에서도 중요한 요소로 작용 → 적절한 키워드가 포함된 alt 속성은 이미지 검색에서 상위 노출을 도울 수 있음

모든 이미지에 alt 속성을 작성해야하나?

No! 장식적인 용도로만 사용되는 이미지에는 alt 속성을 비워두는 것이 좋음

배경으로 사용되는 이미지나 레이아웃 디자인을 위한 이미지는 의미를 전달하지 않아도 되므로
스크린 리더가 이를 건너뛰어 사용자가 불필요한 요소를 듣지 않을 수 있도록 alt = "" 로 빈 값을 설정하는 것이 좋음