Изменение доступности в челюстях

у меня есть изображение

<a href="#"> <img src="sample.jpg" alt="sample"> </a>

который читается как LINK GRAPHIC от JAWS, я должен заставить JAWS читать как Образец изображения.


html accessibility jaws-screen-reader
person Pradhaban    schedule 24.08.2013    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Почему вы пытаетесь заставить JAWS читать что-то конкретное?
Важной частью является информация и содержание, которые ваша страница предоставляет вашим пользователям. Какова цель этого контента?
Только после этого убедитесь, что программы чтения с экрана правильно считывают информацию. a>img — графическая ссылка; JAWS правильно.

Заметки Райана

Есть два способа получить это так:

  1. Убедитесь, что пользователь находится в экспертном режиме с определенными настройками. Попросить пользователя изменить свои настройки, чтобы ваш сайт читался лучше, скорее всего, не произойдет.
  2. Напишите сценарий JAWS для интерпретации <a><img> определенным образом. _ См. № 1, _
person FelipeAls    schedule 24.08.2013
comment
+1, JAWS читает элементы пользователю, ссылка имеет большую семантическую ценность, чем изображения, поэтому она говорит: «Эй, вы находитесь по ссылке, о, эй, в этой ссылке есть изображение, позвольте мне прочитать alt. - person Ryan B; 26.08.2013
comment
Есть ли семантический способ указать, что изображение важнее ссылки? Если важной частью страницы является изображение, а тот факт, что на него можно кликнуть, является второстепенным, как должен быть построен html, чтобы передать это? <a><img></a> — это распространенный способ сделать кликабельное изображение, но есть ли здесь более подходящий способ? - person Mark Ivey; 28.09.2013
comment
@MarkIvey Ссылка всегда является очень важной частью страницы, так как в HTML означает гипертекст (язык разметки), а ссылки позволяют перемещаться по этим ресурсам. Я могу представить ситуации, когда изображение также важно, но почему назначение ссылки не связано с изображением, используемым внутри этой ссылки? Я имею в виду, опишите назначение ссылки, и на связанной странице будет больше информации об этом изображении, иначе оно не будет использоваться в ссылке. Нужен реальный тест ;) - person FelipeAls; 28.09.2013

arrow_upward
0
arrow_downward

Оберните текст разметкой невидимый контент и скройте тег img от JAWS через aria-hidden:

 <a href="#">
    <div style="font-size: 0; line-height: 0;">JAWS reads this text</div>

    <img src="sample.jpg" alt="sample" aria-hidden="true">
 </a>


Другие способы создания невидимого контента можно найти здесь: https://webaim.org/techniques/css/invisiblecontent/

person magicmanam    schedule 22.01.2019