스크린 리더와 블라인드 사용자가 그림이 무엇인지 이해하는 데 도움이되는 이미지에 대한 좋은 대체 텍스트를 작성하는 방법은 무엇입니까?
https://stackoverflow.com/questions/1741700
-
20-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
스크린 리더와 블라인드 사용자가 그림이 무엇인지 이해하는 데 도움이되는 이미지에 대한 좋은 대체 텍스트를 작성하는 방법은 무엇입니까? 그리고 Alt Text를 사용하는 경우 메뉴 이미지 등과 같은 특수 케이스에서 두 가지를 모두 사용하는 경우 제목 = "텍스트"에 무엇이 있어야합니다.
해결책
당신은해야합니다 ~ 아니다 시각 장애가있는 사용자가 이미지가 무엇인지 이해하도록하십시오. 맹인의 경우 이미지가 효과적으로 있습니다 존재하지 않습니다, 텍스트가있는 것은 모든 것이 있습니다.
그만큼 alt 텍스트는 이미지에 대해 대체 할 수있는 단일 문장/단락으로 작동하여 동일한 내용을 전달하며 인접한 내용의 맥락에서 여전히 의미가 있습니다.
이미지가 GUI의 일부인 경우 alt 텍스트는 동작 (동사), 선을 전달해야합니다. upvote, 대답하십시오 또는 로그 아웃.
당신은 당신의 사이트를 방문해야합니다 links 귀하의 사이트를 이해하려고 노력하십시오. 예를 들어 파이 차트가있는 경우 alt 텍스트는 백분율에 대한 작은 요약이어야합니다. 블로그 게시물 옆에 예쁜 꽃이 있다면, 그것을 무시하지 마십시오 alt 텍스트와 같은 블로그 포스트 #324의 꽃 이미지 동반자 또는 더 나쁜 flower.jpg.
이미지가 탐색에 중요하거나 정보를 얻으려면 alt 이미지없이 사이트를 작동시키는 텍스트. 이미지가 프리젠 테이션 만 있으면 비어 있습니다. alt 텍스트.
title, 내가 아는 한, 호버링 될 때만 표시해야하므로 이미지에 추가 정보를 제공해야합니다. 쓸모없는 정보의 복제 피해야한다. 스크린 리더의 경우 지원과 구성이 사용자간에 매우 다를 수 있으므로 이는 약간 까다 롭습니다.
약간 경험적 데이터 쇼 title 쓸모없는 것처럼 :
- 화면 읽기 소프트웨어의 대부분의 사용자는 기본 설정을 변경하여 링크의 제목 속성 정보에 액세스하지 않습니다.
- 대부분의 화면 읽기 소프트웨어는 기본적으로 양식 컨트롤에서 제목 속성 컨텐츠에 액세스 할 수 있습니다.
- 일부 화면 읽기 소프트웨어는 제목 속성 정보에 액세스 할 수 없습니다.
- 스크린 돋보기 사용자는 배율이 낮은 수준에서 제목 속성 텍스트를 읽을 수 있습니다.
- 화면 돋보기 사용자는 높은 배율 수준에서 1 또는 2 단어 이상을 포함하는 제목 속성 텍스트를 읽을 수 없습니다.
좋은 조언이 있습니다, 내가 할 수있는 것보다 낫다
필수가 아닌 추가 정보를 제공하려면 이것을 사용하십시오. 대부분의 비주얼 브라우저는 요소가 호버링 될 때 제목 텍스트를 도구 팁으로 표시하지만 제목 텍스트가 렌더링되는 방법을 결정하는 것은 브라우저 제조업체에 달려 있습니다. 일부는 상태 표시 줄에 텍스트를 표시합니다. 예를 들어 Safari의 초기 버전 이이 작업을 수행했습니다.
제목 속성을 잘 사용하는 한 가지는 링크 텍스트 자체가 링크 대상을 명확하게 설명하지 않는 경우 링크에 설명 텍스트를 추가하는 것입니다. 이렇게하면 방문자가 링크가 어디로 가져갈지 알도록 도와 줄 수 있습니다. 페이지를로드하여 페이지를로드하여 관심이있는 것이 아니라는 것을 알 수 있습니다. 또 다른 잠재적 용도는 아마도 이미지에 대한 추가 정보를 제공하는 것입니다. 필수가 아닌 날짜 또는 기타 정보.
그것을 기억하십시오 longdesc 속성은 a 링크 더 자세한 정보는 아닙니다 텍스트 어떤 사람들은 그것을 미스 러스로 만듭니다.
다른 팁
나는 스크린 리더 사용자이며 stackoverflow를 좋은 것과 나쁜 것의 예로 사용할 것입니다.
대체 태그는 간단하고 설명 적이어야합니다. 예를 들어 stackoverflow입니다 alt 투표 및 투표 옵션에 대한 태그는 읽고 빨리 읽는 데 오래 걸리지 않기 때문에 좋습니다. 나쁜 태그의 예는이 질문을 가장 좋아 하고이 답을 받아들이는 것입니다. 태그 중 어느 것도 설명 적이 지 않으며, 좋아하는 태그는 단지 "*"그리고 대답 태그 수락은"check"그들이 무엇인지 말할 수있는 유일한 방법은 소스를 읽거나 누군가가 자신이 무엇을 위해 무엇을 위해 있는지 알려주는 것입니다.
한 title 속성은 정말 많은 조언이 없습니다. 내 화면 리더는 기본적으로 읽지 않으므로 일반적으로 사용하지 않습니다. 유용 할 수있는 예는 추가 정보입니다. 예를 들어 내 수락 된 답변이 너무 낮은 이유는 질문에 대한 답변을 수락했는지 여부를 말할 방법이 없기 때문입니다. 이 답변 수락 그래픽의 제목 속성이 "이 답변을 수락하려면 클릭하십시오"대답이 받아 들여지지 않았다면"이 답변을 허용 된 답변으로 제거하려면 클릭하십시오"그것이 받아 들여진 대답이라면.
모범 사례는 ALT 및 제목 속성에 동일한 콘텐츠를 넣는 것입니다.
'무엇을 쓰기' '에 관해 - 단순히 단순하게, 그림에 무엇이 있는지 몇 마디로.
Alt 속성이 꽤 잘 설명 된이 기사를 확인하십시오. http://www.cs.tut.fi/~jkorpela/html/alt.html
