블로그 게시물을 작성하거나 소셜 미디어에서 사진을 공유할 때 이미지 “alt” 텍스트(때로는 ALT 텍스트로 양식화됨)를 작성하라는 메시지를 본 적이 있습니까? HTML 표준의 이 부분이 중요한 이유와 이를 잘 작성할 수 있는 방법은 다음과 같습니다.
ALT 텍스트가 왜 중요한가요?
Alt 속성은 콘텐츠의 백업 형식으로 존재합니다. 주요 유형의 콘텐츠를 렌더링할 수 없는 경우 해당 대체 또는 “alt” 속성이 대신 렌더링됩니다. 대체 텍스트의 경우 어떤 이유로 이미지를 렌더링할 수 없으면 대체 텍스트 설명이 대신 표시됩니다.
이를 통해 예를 들어 누군가가 이미지를 “텍스트로” 복사할 수 있습니다. 또는 이미지 없이 웹사이트를 저장하면 대체 텍스트가 남아 이미지가 무엇을 표시하려고 했는지 알려줍니다.
대체 텍스트는 웹 접근성의 중요한 구성 요소이기도 합니다. 방문자는 시력이 낮고 화면 읽기 소프트웨어에 의존하여 이미지의 대체 텍스트 설명을 듣습니다. 대체 텍스트가 없거나 대체 텍스트가 좋지 않으면 시각적 문제가 있는 사용자의 경험에 부정적인 영향을 미칩니다. 또한 텍스트 기반 브라우저에 의존하는 제한된 인터넷 연결을 가진 사람들에게 탐색을 어렵게 만들 수 있습니다.
대체 텍스트는 Google이나 Bing과 같은 검색 엔진이 콘텐츠를 더 잘 인덱싱하는 데 도움이 되므로 SEO(검색 엔진 최적화)에서도 중요합니다. 인덱싱은 해당 검색 엔진에서 콘텐츠를 찾을 수 있도록 하는 것입니다.
좋은 ALT 텍스트를 작성하는 방법
대체 텍스트는 단순히 이미지에 있는 내용에 대한 문자 그대로의 설명이 되어서는 안 됩니다. 이미지의 컨텍스트와 이미지가 있는 이유를 먼저 고려해야 합니다. 다음 이미지를 고려하십시오.
이 이미지에 대한 대체 텍스트가 “횃불을 들고 책을 껴안고 있는 여성의 큰 동상”이라면 이미지에 있는 내용에 대한 정확한 설명이 될 수 있지만 좋은 대체 텍스트는 아닙니다.
더 나은 설명은 “흐린 푸른 하늘을 배경으로 한 뉴욕의 자유의 여신상”입니다. 페이지의 컨텍스트도 중요합니다. 이미지가 이민에 대한 뉴스 기사의 일부인 경우 대체 텍스트는 “뉴욕의 자유의 여신상, 잠재적 이민자를 위한 강력한 상징”일 수 있습니다.
이미지의 목적에 대해 생각하고 그에 따라 대체 텍스트를 작성하십시오!
기본 키워드가 일부 대체 텍스트에 나타나는 것이 중요하지만 모든 이미지에 넣지 마십시오. 특히 키워드가 좋은 대체 텍스트 설명의 일부가 아닌 경우
ALT 텍스트를 사용하지 않는 경우
대체 텍스트 사용을 피해야 하는 두 가지 상황이 있습니다. 첫 번째는 순전히 장식적인 이미지를 위한 것입니다. 이 이미지는 스크린 리더를 사용하는 누구에게도 흥미롭지 않으며 SEO 노력과 관련이 없습니다. 사실, 순전히 장식적인 이미지를 설명하는 것은 검색 엔진 인덱싱을 혼란스럽게 만들고 스크린 리더를 사용하는 모든 사람이 기사를 이해하기 어렵게 만들 수 있습니다.
좋은 대체 텍스트를 작성하는 일반적인 원칙과 마찬가지로 대체 텍스트를 작성할지 여부에 대한 결정은 독자에게 가장 유익한 것이 무엇인지에 달려 있습니다. 대체 텍스트가 이해를 돕고 원본 이미지의 가치를 유지하는 데 도움이 된다면 포함시키도록 노력해야 합니다.
소셜 미디어에 ALT 텍스트 추가하기
대체 텍스트는 웹사이트 디자이너와 블로거가 고려해야만 하는 것이 아닙니다. 우리 대부분은 이미지를 소셜 미디어에 게시하고 대부분의 소셜 미디어 플랫폼은 해당 사진에 대체 텍스트를 추가하는 방법을 제공합니다. 당신은 그것을 인식하지 못할 수도 있지만 어떤 경우에는 머신 비전 기술을 사용하여 대체 텍스트가 자동으로 생성됩니다.
소셜 미디어에서 대체 텍스트를 추가하거나 편집하는 단계는 이러한 플랫폼이 변경됨에 따라 시간이 지남에 따라 변경됩니다. 다양한 소셜 미디어 플랫폼에 대한 오래된 지침을 많이 보았으므로 가장 좋은 선택은 Facebook 및 트위터.
대체 텍스트를 추가하는 데는 이미지당 몇 초밖에 걸리지 않지만 콘텐츠의 성능과 시각 장애가 있는 사용자가 웹에 액세스할 수 있는 정도에 큰 차이를 줄 수 있습니다.
관련된: Microsoft Word에서 개체에 대체 텍스트를 추가하는 방법
