대체 텍스트는 웹 페이지의 이미지를 설명합니다. 대체텍스트는 HTML 코드에 있으며 일반적으로는 페이지 자체에는
표시되지 않습니다.
대체 텍스트가 중요한 이유
- 대체 텍스트는 접근성을 향상시킵니다. 시각 장애가 있는 사람들은 스크린 리더를 사용하여 이미지를 포함한 화면 콘텐츠를 오디오로 변환하여 인식합니다. 하지만 대체 텍스트가 없다면 이미지 콘텐츠를 사용자에게 전달할 방법이 없기 때문에 스크린 리더에 문제를 일으킵니다.
- 대체 텍스트는 주제 관련성을 향상 시킵니다. 대체 텍스트가 없다면 구글이 이미지를 인식할 때 덜 분명하게 인식할 수 있습니다.
- 대체 텍스트는 구글 이미지에서 순위를 매기는데 도움이 됩니다. 구글은 대체 텍스트를 이미지 최적화의 중요한 부분이라 생각합니다.
- 대체 텍스트는 이미지 링크의 앵커 텍스트 역할을 합니다. 앵커 텍스트는 한 웹 페이지를 다른 웹 페이지로 연결하는 클릭 가능한 단어를 의미합니다. 구글은 이 앵커 텍스트를 사용하여 웹 페이지와 그 내용에 대해 더 많이 이해할 수 있습니다.
이미지에 대체 텍스트를 추가하는 방법
HTML 코드의 태그에 alt 속성을 추가하기만 하면 됩니다. (예 : img src=”파이.jpg” alt=”스테이크와 사과 파이”)
모든 이미지에 대체 텍스트를 추가해야 할까요?
그것은 아닙니다. 이미지가 장식용 이거나 중요한 정보를 포함하지 않는 경우 대체 텍스트를 추가 할 필요가 없습니다. 하지만 이미지에 대체 텍스트가 필요하지 않더라도 빈 alt 속성을 추가하는 것이 좋습니다. (예 : img src=”파이.jpg” alt=””)
좋은 대체 텍스트를 작성하는 방법
- 간결해야 합니다. 긴 대체 텍스트는 스크린 리더를 사용하는 사람들에게 불편하기 때문에 가능한 한 적은 단어를 사용하는것이 좋습니다.
- 정확해야 합니다. 이미지의 설명에 중점을 둡니다.
- “image of ~” 또는 “picture of ~” 등 텍스트에 이미지를 표현하는 단어는 포함하지 마세요.
- 중복을 피하세요. 예를 들어 사과 이미지가 있고 그 이미지 밑에 “사과”라는 텍스트가 있는 경우 굳이 alt 태그에 “사과”라는 단어를 추가 할 필요가 없습니다.
