[html] HTML img 태그 : 제목 속성 대 alt 속성?

나는 아마존 을 탐색 하고 있었는데 ” 1TB “를 검색 할 때 별 등급 이미지 위에 마우스 커서를 올려 놓으면 IE를 사용하는 경우에만 점수가 표시 된다는 것을 알았습니다 . 다른 브라우저를 사용하는 경우 점수가 표시되지 않습니다.

평점 3.8과 평점 4.2는 모두 별 4 개로 표시됩니다. 물론 별 3.8 대 4.2 별 (76 % 대 84 % 점수)은 차이를 만들 수 있습니다!

그 이유는 alt텍스트 를 표시하는 표준 방식은 사용자가 그래픽을 끄거나 브라우저가 “읽을 때”(예 : 시각 장애가있는 사용자를위한 브라우저)하는 것입니다. 그러나 IE는 마우스 오버시 표시합니다.

아마존에 관계없이 사용자의 브라우저를 표시하는 경우, 내가 생각하는 그래서, 다음 title에 추가로 사용되어야한다 alt. 동의 하시겠습니까?



답변

나는 둘 다 갈 것입니다. 제목은 모든 브라우저에서 멋진 툴팁을 표시하고 alt는 이미지가없는 브라우저에서 탐색 할 때 설명을 제공합니다.

즉, 얼마나 많은 “서퍼”가 상품을 탐색하기 위해 “상점”에 가는지 실제로 이미지가 꺼져 있거나 이미지를 지원하지 않는 브라우저를 사용하고 있는지에 대한 통계를보고 싶습니다. 인구의 90 %가 28k 모뎀을 사용하여 InterWeb에 연결하는 시대는 끝났다고 생각합니다.


답변

그들은 다른 것들에 사용됩니다. alt속성을 사용 하는 대신 이미지. 이미지가 화면 판독기에 표시되지 않는 경우.

title특성 나타낸다 따라 통상적 호버 툴팁 같이 이미지.

하나는 다른 것 대신 “대신”사용해서는 안됩니다. 각각은 그들이하도록 설계된 일을하기 위해 적절하게 사용되어야합니다 .


답변

이미 언급했듯이 alttitle 은 서로 다른 것입니다. title 속성은 툴팁을 제공 하지만 alt 는 이미지를 표시 할 수없는 경우 표시 할 텍스트를 지정하기 때문에 중요한 속성이기도합니다. (Firefox와 같은 일부 브라우저에서는 이미지가로드 되는 동안 이 텍스트도 표시 됩니다.)

내가 말해야 할 또 다른 요점은 alt 속성은 XHTML 문서로 유효성을 검사하는 데 필요 하지만 title 속성은 “추가 옵션”에 불과하다는 것입니다.


답변

그 이유는 서로 다른 용도로 사용되며 둘 다 다른 용도로만 사용되지 않아야하기 때문입니다.

“alt”는 여러분이 이미 말한 것입니다. 따라서 어떤 이유로 든 이미지를 표시 할 수없는 경우 해당 이미지가 무엇인지 확인할 수 있으며 시각 장애인이 이미지가 무엇인지 이해할 수 있습니다.

“title”속성은 이미지 제목과 함께 툴팁을 표시하는 올바른 속성입니다.


답변

제 생각에는 이미지가 표시되지 않는 경우 대체 텍스트가 항상 그림에서 보이는 것을 설명해야합니다.

alt = text [CS] 이미지, 양식 또는 애플릿을 표시 할 수없는 사용자 에이전트의 경우이 속성은 대체 텍스트를 지정합니다. 대체 텍스트의 언어는 lang 속성으로 지정됩니다.

w3.org


답변

엄격한 XHTML 준수를 위해서는 alt가 필요하다고 생각합니다.

다른 사람들이 언급했듯이 제목은 도구 설명 (있으면 좋습니다)이고 alt는 접근성을위한 것입니다. 둘 다 사용하는 데 아무런 문제가 없지만 alt는 항상 있어야합니다.


답변

ALT 속성은 화면 판독기를 사용하는 시각 장애인을위한 것입니다. 모든 이미지 태그에서 ALT가 누락 된 경우 이미지의 전체 URL을 읽습니다. 이미지가 사이트 디자인의 일부인 경우에도 여전히 ALT가 있어야하지만 사이트의 모든 부분에 대해 URL을 읽을 필요가 없도록 비워 둘 수 있습니다.