이미지에 대체 텍스트 및 제목 텍스트를 추가하는 방법 - 인형

대체 텍스트 는 다음과 같은 사용자 유형을 설명하기 때문에 대체 텍스트 (일반적으로 개발자가 & ldquo; 대체 텍스트 & rdquo;라고 함)를 추가하는 것이 좋습니다. 어떤 이유로 든 이미지를 볼 수없는 사용자가 이미지에 대해 더 많은 것을 찾기 위해 해당 텍스트에 액세스 할 수 있도록하는 이미지. 다음 텍스트 유형을 고려하기 때문에 대체 텍스트 (일반적으로 개발자가 & ldquo; alt text & rdquo;라고 함)를 추가하는 것이 좋습니다.

• 이미지를 볼 수 없으며 대체 텍스트에 의존해야하는 시각 장애가있는 사용자 텍스트 음성 변환 (text-to-speech) 판독기가 그들에게 읽도록하기

• 제한된 그래픽 기능으로 전화 브라우저에서 웹 사이트에 액세스하는 사용자

• 인터넷 연결이 느린 사용자가 이미지를 표시하지 않도록 선택한 사용자

일부 검색 엔진 및 카탈로그 도구는 대체 텍스트를 사용하여 색인을 생성합니다 이미지.

대부분의 사용자는 귀하의 이미지를 보게되지만 그렇지 않은 사람들을 위해 준비됩니다. HTML 사양에서는 웹 페이지의 각 이미지를 설명하는 대체 텍스트를 제공해야합니다. img 요소와 함께 alt 속성을 사용하여 마크 업에 다음 정보를 추가하십시오.

목 관악기

목관 악기

브라우저에서 이미지를 표시하지 않을 때 (999) 현악기

오케스트라 내부에서

또는 Lynx와 같은 텍스트 전용 브라우저에서와 같이) 대신 그림과 같이 대체 텍스트를 표시 할 수 있습니다.

요소에 title 속성을 추가해야하기 때문에 앞의 태그에도 포함되어 있습니다.

참고:

alt 텍스트는 페이지의 유효성을 검사하는 데 필요하지만 제목 텍스트는 필요하지 않습니다.

이는 대체 텍스트를 사용하여 이미지를 볼 수없는 사용자에게 이미지를 설명하고 / 또는 동일한 이미지에 대해 유용하거나 재미있는 정보를 제공하는 제목 텍스트를 사용할 수 있음을 의미합니다. W3C의 웹 접근성 이니셔티브 (WAI)에는이 사이트의 시각적 컨텐츠에 대한 유용하고 유용한 대안을 만들기위한 유용한 팁이 포함되어 있습니다.

추정 된 SEO 전문가로부터 소위

키워드 채우기

를 위해 대체 텍스트를 사용하라는 제안을 볼 수 있습니다. 검색 엔진은 웹 페이지에서 특정 단어를 찾아 때로는 검색 결과에서 특정 페이지 순위를 올리기 위해이를 사용할 수 있습니다. 따라서 대체 텍스트의 키워드를 사용하면 페이지 순위가 향상된다는 것을 의미하는 사람들이 있습니다. 이것은 가짜입니다. 하지 마!