Alt Attrib의 비 분해 공간이있는 스크린 리더

StackOverflow https://stackoverflow.com/questions/1610860

  •  05-07-2019
  •  | 
  •  

문제

ALT 텍스트가 제공되지 않는 한 이미지 태그에서 ALT 속성을 생성하지 않는 이미지에 CMS를 사용하고 있습니다.

빈 공간을 제공 할 수 있습니다.

<img src="../.." alt=" "/>

이것은 스크린 리더와 웹 접근성에 문제가됩니까?

도움이 되었습니까?

해결책

Alt 텍스트를 사용하지 않는 경우 alt 기인하다. 그것은 검증되지는 않지만 사물을 바꾸지 않으며 정확히 동일하게 작동합니다. 당신은 단지 검증기를 기쁘게하고 있습니다.

공간 사용 그렇지 않아야합니다 모든 문제를 제기하십시오.

다른 팁

HTML 저자가 이미지에 대체 텍스트를 쓸 수있는 세 가지 방법이 있습니다.

  1. Alt 속성이 없습니다
  2. 읽을 수있는 문자가 포함되어 있지 않은 Alt 속성으로
  3. 읽을 수있는 ALT 속성으로

이것들은 다른 방식으로 처리됩니다.

다음과 같은 ALT 속성이없는 이미지의 경우 :

<img src="fruit.png" width="100" height="100" />

... 기본 화면 판독기 동작은 SRC 속성을 큰 소리로 읽습니다. 따라서이 이미지가 images 폴더 example.com에서 화면 리더는 다음과 같이 말합니다. Graphic: h ttp://www.example.com/images/fruit.png. 맹인 방문객들이 무관 한 횡설수설을 겪어야하기 때문에 Alt 속성을 생략하는 것은 나쁜 관행입니다.

이 두 가지 중 하나와 같이 읽을 수있는 정보를 포함하지 않는 ALT 속성이있는 이미지의 경우 :

<img src="fruit.png" width="100" height="100" alt="" />
<img src="fruit.png" width="100" height="100" alt=" " />

... 기본 동작은 해당 이미지를 조용히 전달하는 것입니다. 스크린 리더는 공간이나 빈 문자열을 발음 할 수 없습니다. 그래서 그것은 아무 말도하지 않습니다. 이것은 순전히 장식적인 이미지의 발표를 억제하는 올바른 방법입니다. 그러나 가장 최근의 Webaim Screen Reader 사용 설문 조사에 따르면 대부분의 맹인 사용자는 이미지가 많이 전달되지 않더라도 이미지를 알고 싶어합니다.. 따라서 빈 alt 텍스트로 이미지를 억제하는 데 신중하십시오. 이미지가 전달한 정보가없는 경우에만 사용하십시오.

마지막으로, 물론 일반적인 텍스트입니다.

<img src="fruit.png" width="100" height="100" alt="Photo of apples." />

이 경우 화면 리더는 "그래픽 : 사과 사진"이라고 말합니다. 기간을 늘리면 화면 리더가 ALT 텍스트의 끝에서 일시 중지합니다.

좋은 텍스트를 선택하는 것이 중요하며 어려울 수 있습니다. 일반적으로 이미지에 텍스트 그림이 포함 된 경우 ALT 텍스트에서 해당 텍스트 (또는 적절한 약어)를 재현해야합니다. 그것이 예시 적이거나 사진이라면, 당신의 대체 텍스트는 사진 내용에 대한 간결한 설명이어야합니다. 다이어그램과 같은 복잡한 이미지 인 경우 Alt 텍스트를 사용하여 페이지의 다른 곳에서보다 완전한 설명으로 사용자를 안내해야 할 수도 있습니다. (Longdesc 속성은이 목적을 위해 설계되었지만 스크린 리더는 널리 지원되지 않습니다.)

이미지가 링크 인 경우 현명한 텍스트를 갖는 것이 절대적으로 중요합니다. 그렇지 않으면 맹인 방문자가 링크가 무엇을하는지 전혀 알 수 없습니다.

스크린 리더 (예 : 오픈 소스 인 NVDA)를 받고 테스트하는 것이 좋습니다. 눈을 뜨는 사람이 될 수 있습니다.

유일한 문제는 고객이 사이트가 사이트가 XHTML 준수라고 진술하기를 원한다는 것입니다. 따라서 다음을 확인하려면 페이지가 필요합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top