대체 텍스트

2 분 분량
대체 텍스트(Alt text)는 사이트 이미지에 대한 자세한 설명입니다. 설명은 브라우저와 스크린 리더가 이미지의 내용을 이해할 수 있도록 이미지에 추가됩니다. 
대체 텍스트 예시. 'NO!'라고 적힌 푯말. 이미지에 여기에 슈퍼임포즈드라고 표시된 텍스트가 있습니다.

좋은 대체 텍스트 작성하기

이미지와 갤러리에 대체 텍스트를 추가하면 시각 장애가 있는 방문자가 사이트에 더 쉽게 접근할 수 있습니다. 대체 텍스트는 이미지 콘텐츠에 대한 간략한 설명으로 스크린 리더가 "읽을" 수 있습니다
대체 텍스트는 사이트의 접근성 평점뿐만 아니라 SEO 점수를 향상시킵니다. 이는 사용자가 Google에서 사이트를 더 쉽게 찾을 수 있도록 합니다. 
접근성 마법사를 사용하면 사이트의 접근성을 빠르고 쉽게 개선할 수 있습니다. 하지만, 최상의 결과를 얻으려면 이미지를 사이트에 추가할 때 대체 텍스트를 추가하는 것이 좋습니다. 
좋은 대체 텍스트 작성을 위한 도움말:
  • 짧게 유지합니다. 한 줄의 텍스트로 설명할 수 있도록 합니다.
  • 정확하게 입력합니다. 의미를 분명히 합니다.
  • 문맥을 유지합니다. 이미지가 페이지와 어떤 관련이 있는지 유의합니다.
  • 모든 설명을 '...의 이미지'로 끝내지 않습니다. 방문자도 이를 이해할 것입니다.

이미지에 대체 텍스트 추가하기


장식 이미지

장식 이미지는 미적 목적으로만 사용되므로 사이트 콘텐츠에는 기여하지 않습니다. 
사이트의 이미지가 장식용이며 사이트의 컨텍스트와 관련이 없는 경우에는 대체 텍스트를 추가할 필요가 없습니다. 이미지를 장식으로 표시해 검색 엔진과 스크린 리더에서 자동으로 해당 이미지를 건너뛰도록 할 수 있습니다.
이미지를 장식으로 표시하려면 이미지가 장식용이므로 대체 설명이 필요하지 않습니다 옆 체크상자를 클릭합니다.
참고:
대체 텍스트가 없는 경우에만 이미지를 장식으로 표시할 수 있습니다. 대체 텍스트가 포함된 이미지를 장식으로 표시하려면 에디터 내에서 대체 텍스트를 제거한 후 마법사로 사이트를 다시 스캔해야 합니다.

도움이 되었나요?

|