웹 사이트에는 그래픽 기본 메뉴가 있습니다. 즉 이미지 편집기에서 텍스트를 입력 한 다음 이미지로 표시합니다.하지만 메뉴 항목 위로 마우스를 올리면 툴팁이 표시됩니다. (예 : "문의하기"위로 마우스를 가져 가면 다른 "문의하기"가 툴팁으로 나타납니다)alt 속성을 사용하고 IE에서 툴팁을 사용하지 않는 방법은 무엇입니까?
제 웹 디자이너는 검색 엔진이 메뉴 텍스트의 색인을 생성하게하는 데 필요하다고 말했지만, 도구 설명을 피할 수있는 방법이 없지만 여전히 검색 엔진이 alt 속성을 색인 할 수있게합니까?
alt 속성의 툴팁 메시지는 IE에만 표시되며 표시하지 않는 유일한 방법은 설정하지 않는 것입니다 (나쁜 생각).
다른 모든 브라우저는 title 속성이 표시된 툴팁을 표시합니다.
메뉴의 텍스트가 표준 인 경우, 즉, 우리에 대해
그런 다음 alt/title 태그를 잊어 버려. 이러한 색인을 생성하는 검색 엔진에서는 실제 가치가 없습니다.
물론 images의 alt 태그를 액세스 가능성을 위해 추가해야합니다.
이것이 실제 문제인 경우 images을 에 넣으십시오. 그런 다음 divs에 title 또는 name 속성을 추가하십시오.
예 있습니다. 이미지 기반 메뉴를 사용하고 텍스트를 숨기고 그대로 둘 수 있습니다. (당신의 웹 사이트를 방문 예컨대 시각 장애인)
http://css-tricks.com/630-css-image-replacement/
을 그리고뿐만 아니라 그것은 검색 엔진 인덱스에게 웹 사이트를 도움이 될 것입니다하지만 스크린 리더에 우호적 인 :이 다른 기술이있다,이 링크는 그 중 몇 가지 보여줍니다.
img 태그에는 alt 속성이 필요합니다. 이미지를 볼 수없는 사람들에게 정보를 제공합니다. 시각 장애인 (화면 판독기 사용), 그래픽이 아닌 브라우저를 사용하는 사용자 또는 이미지가 사용 중지 된 사용자를 포함 할 수 있습니다. 이미지가 순전히 서식을 지정하는 경우에는 alt 특성을 빈 문자열 (alt="")로 설정해야합니다.
속성은 이 아니라이 툴팁으로 렌더링됩니다. 내가 아는 한 Windows 용 Internet Explorer가이 작업을 수행하는 유일한 브라우저입니다.
특성 "은 해당 요소에 대한 권고 정보를 제공합니다 ("). 그것은 필수는 아니며, 그것이 설정되어있는 요소에 아직 존재하지 않는 부가적인 유용한 정보를 제공하는 경우에만 사용해야합니다. title 속성은 일반적으로 그래픽 사용자 에이전트 (브라우저)의 툴팁으로 렌더링됩니다.
자세한 내용은 The alt and title attributes을 참조하십시오.
그래픽 메뉴는 여러 가지 방법 중 하나로 디자인 될 수 있으므로 무엇이 변경 될 수 있는지에 대해 말하기는 어렵습니다. 당신이 고려해야 할 것은 :
당신이 같은 방법으로 사이트를 참조하지 않는 사람들로 탐색 메뉴의 접근성. Lynx와 같은 텍스트 전용 브라우저에서 사이트를 탐색 할 수 있습니까? 이미지를 끄면 어떻게됩니까? 스타일 시트를 끄면 어떻게됩니까? 이미지를 끄는 일은 현재 매우 드물고 처리하기 까다로운 문제입니다.
alt 또는 title 속성이 툴팁을 렌더링하게합니까? 그것이 전자의 경우, 적절한 브라우저를 사용하기에 충분히 행운 인 사람들은 툴팁을 보지 못할 것입니다.
정말이 문제입니까? 제거로 인해 야기 될 수있는 접근 가능성 문제를 고려할 때, 실제로 중요한가?
검색 엔진은 사람들에게 유용한 콘텐츠를 찾기 위해 설계되었습니다. 텍스트 전용 브라우저에서 사이트를 볼 때 사이트가 적합하지 않으면 검색 엔진에 이해가되지 않을 것입니다. 검색 엔진이 아닌 사람들을 위해 사이트를 디자인하십시오.
alt 속성은 접근성 및 SEO 목적에 꼭 필요한 텍스트입니다. IE는 평소처럼 틀렸고 해당 텍스트를 툴팁으로 사용합니다. 툴팁을 사용하지 않으려면 title을 공백으로 설정하십시오. ala title=""
그러나 다른 사람들이 말한 것처럼 더 좋은 해결책은 이미지를 전혀 사용하지 않는 것입니다. 요즘은 CSS로 텍스트를 아주 쉽게 스타일링 할 수 있습니다. alt 속성을 필요로하지 않으며, 툴팁을 생성하지 않으며, 사용자가 더 쉽게 크기를 조정할 수 있고, 편집하기 쉽고, 최종 사용자가 더 빨리로드 할 수 있습니다.
이렇게하면 풍선 도움말에 숨김이 표시됩니다. http://stackoverflow.com/questions/457366/disabling-browser-tooltips-on-links-and-abbrs – Joonas