Программа чтения с экрана с неразрывным пробелом в атрибуте alt

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

  •  05-07-2019
  •  | 
  •  

Вопрос

Я использую CMS для изображений, которые по умолчанию не генерируют атрибуты alt в тегах изображений, если не указан альтернативный текст.

Я могу предоставить пустое место " & Quot; в тег alt для получения: 

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

Это может быть проблемой с программами чтения с экрана и доступностью в Интернете?

Это было полезно?

Решение

Если вы не используете альтернативный текст, вы можете обойтись без атрибута alt . Это не будет подтверждено, но это ничего не изменит, оно будет работать точно так же. Вы просто радуете валидатор.

Использование пробела не должно вызывать проблем.

Другие советы

Есть три способа, которыми авторы HTML могут писать ALT-текст на своих изображениях:

<Ол>
  • Без указания атрибута ALT
  • С атрибутом ALT, который не содержит читаемых символов
  • С атрибутом 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 показал, что большинство слепых пользователей хотят знать, что изображение там, даже если это не говорит им много . Так что будьте осторожны в подавлении изображений с пустым альтернативным текстом; используйте его только тогда, когда изображение действительно передает ноль.

    Наконец, конечно же, это обычный альтернативный текст: 

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

    В этом случае программа чтения с экрана скажет «Графика: фотография яблок». При вводе точки программа чтения с экрана останавливается в конце текста ALT.

    Выбор хорошего текста ALT важен и может быть сложным. В общем, если ваше изображение содержит изображение текста, то вы должны воспроизвести этот текст (или его подходящее сокращение) в тексте ALT. Если это иллюстративный или фотографический текст, ваш текст ALT должен быть кратким описанием содержания фотографии. Если это сложное изображение, подобное диаграмме, вам, возможно, придется использовать текст ALT, чтобы направить пользователя к более полному описанию в другом месте страницы. (Атрибут LONGDESC был разработан для этой цели, но широко не поддерживается программами чтения с экрана.)

    Если ваше изображение также является ссылкой, крайне важно иметь разумный текст ALT; иначе ваши слепые посетители не будут знать, что делает ссылка.

    Я рекомендую приобрести программу чтения с экрана (например, NVDA с открытым исходным кодом) и протестировать ее. Это может быть - извините за плохой каламбур - откровением.

    Единственная проблема заключается в том, что клиент хочет, чтобы сайт заявил, что он совместим с XHTML, поэтому нам нужны страницы для проверки: (

    Лицензировано под: CC-BY-SA с атрибуция
    Не связан с StackOverflow
    scroll top