Есть ли способ запретить программе чтения экрана повторять информацию в ситуации "показать больше"?
Справочная информация: мы получаем информацию очень специфическим способом от различных соединителей, а затем мы выплескиваем эту информацию через наш интерфейс с определенным фирменным знаком. Из-за этого мы не можем контролировать, какую информацию мы получаем.
В идеале у нас было бы короткое резюме и длинное резюме, но вместо этого мы должны извлечь из длинного резюме, чтобы создать краткое резюме.
У нас было два варианта - один делал "... Просмотреть больше" для краткого резюме и "Не сверху..." для длинного резюме. Но вариант, на котором мы остановились, - это просто повторение ~500 символов текста (~200 для мобильных устройств), когда они переходят к полному резюме. Это означает, что пользователь должен будет перечитать то, что он только что прочитал; в случае с программным обеспечением для чтения с экрана, он будет перечитывать весь абзац вслух, и тот, кто слеп, не может "отыскать то, на чем остановился".
Я думаю, мой вопрос, насколько это недоступно? Как зрячих пользователей, так и пользователей с нарушениями зрения? У нас нет тонны вариантов здесь.
3 ответа
Самая простая вещь, которую вы можете сделать, это заставить вашу ссылку "Просмотреть больше" указывать на остальную часть текста (ане на начало текста).
<div class="summary">Beginnning of summary <a href="#rest">view full summary</a></div>
<!-- other things -->
<div class="summary_rest">Beginnning of summary
<a id="rest" tabindex="-1"></a> This is the rest of the text</div>
Таким образом, пользователь программы чтения с экрана при нажатии "просмотреть полное резюме" не будет читать дважды один и тот же текст.
Повторение будет происходить при чтении полной страницы, но этого нельзя избежать. Например, пользователь со слабым зрением, использующий как программную лупу, так и программу чтения с экрана, должен иметь возможность заставить программу чтения с экрана читать то, что появляется на экране. Неважно, если это уже было прочитано. Это совершенно неизбежно.
По той же самой причине никогда не используйте скрытые ссылки доступа, которые не принесут пользы пользователям, использующим экранную лупу.
Но вы можете внести некоторые улучшения: если вы можете создать новый абзац и, как уже предложено @slugolicious, более четко указывать заголовки различных частей, таких как "Абстрактное резюме" и "Полное резюме" вместо "Резюме", и "продолжение резюме".
Почему бы не использовать скрытую арию? Смотрите здесь: https://www.w3.org/TR/wai-aria-1.1/
Вы можете обернуть содержимое, которое не должен видеть незрячий пользователь, используя aria-hidden. Поэтому, когда бы пользователь ни спрыгнул на эту часть, программа чтения с экрана пропустит эту часть.
Таким образом, зрячие пользователи могут просто перейти к той части, которую они еще не прочитали, а незрячие пользователи, использующие программы чтения с экрана, перейдут к первому абзацу после раздела, который вы определили как скрытый арией.
С точки зрения чистой доступности (WCAG), вы в порядке. Ваш текст доступен. Ваш вопрос действительно больше о "пользовательском опыте", который является фантастической вещью в сочетании с доступностью. Это означает, что вы смотрите не только на "галочку" в списке специальных возможностей и хотите, чтобы опыт был восхитительным для всех.
Одна вещь, которую нужно иметь в виду для вашей ссылки "Просмотреть больше", убедитесь, что есть aria-describedby атрибут для ссылки, так что если пользователь программы чтения с экрана просто просматривает все ссылки или открывает диалог, отображающий все ссылки, он не просто слышит "просмотреть больше" и не знает его контекста. Я могу дать больше советов о том, как реализовать это при необходимости.
Я бы также обозначил "продолжение" вместо "против", но вы, возможно, просто сократили это при описании вашей проблемы, потому что полное слово появляется на вашем скриншоте.
Другой возможностью может быть наличие двух ссылок на продолжение описания. Один из них, как у вас сейчас на скриншоте. Я предполагаю, что ссылка "Просмотреть больше" перемещает ваш фокус в раздел "продолжение" (что, грамматически не совсем правильно - резюме не "продолжается", потому что вы повторяете первую часть снова - это действительно "полное" резюме).
У вас может быть вторая визуально скрытая ссылка (для пользователей программы чтения с экрана), которая перемещает фокус на полное резюме и помещает фокус в середине абзаца, где заканчивалось предыдущее краткое резюме. Недостатком этого является то, что будет визуально скрытая табуляция, которую могут заметить некоторые пользователи клавиатуры. То есть, они будут вкладывать, чтобы "просмотреть больше", видеть контур или какой-то видимый индикатор фокуса вокруг ссылки, затем снова вкладывать, и кажется, что фокус исчезает с экрана (потому что он находится на скрытой ссылке), а затем снова вкладываться и фокус появляется на следующем фокусируемом объекте (ссылка "информация" под вашим первым призывом к действию).
Если вы попробуете эту "скрытую" ссылку, вы можете сделать несколько быстрых тестов юзабилити, чтобы увидеть, имеет ли это смысл.
Ваша видимая ссылка может быть "прочитать полное резюме", а скрытая ссылка - "продолжить чтение полного резюме". Это тонкая разница, которую вам, возможно, придется настроить экспертом по контенту или дизайну. Или, может быть, наличие обеих видимых ссылок может быть полезным для всех.
Или ваш "просмотреть больше" может расширить текущее резюме, а не перенести вас в другое место на странице. Это то, что я ожидаю со ссылкой "Просмотреть больше".