Отображение сообщения для слепых и слабовидящих посетителей

Я хотел бы «отображать» сообщение для всех слепых и слабовидящих пользователей, которые посещают мой сайт. Он сказал бы что-то вроде:

Мы обнаружили, что программа чтения с экрана в настоящее время активна. Если мы можем сделать что-нибудь, чтобы сделать ваш просмотр на этом веб-сайте проще, пожалуйста, напишите нам с вашим запросом по адресу электронной почты@email.com

Как бы я сделал что-то подобное в HTML, не показывая его обычным посетителям?


html wai-aria disability
person Swen    schedule 21.10.2016    source источник
comment
Ваш заголовок говорит «слепой/слабовидящий», ваше тело говорит «программа чтения с экрана». Значит, вас интересуют только пользователи программ чтения с экрана?   -  person unor    schedule 22.10.2016
comment
Обратите внимание, что не все пользователи программ чтения с экрана слепы, и не все пользователи с плохим зрением используют программы чтения с экрана. Кроме того, некоторые пользователи SR могут взбеситься, если вы скажете, что обнаружили использование ими вспомогательных технологий.   -  person aardrian    schedule 23.10.2016
comment
Основная причина, по которой я задаю этот вопрос, заключается в том, что около 3 лет назад я случайно прочитал комментарий на одном из моих веб-сайтов от слепого пользователя, который написал, что ему/ей понравился мой веб-сайт. Тогда я понятия не имел, что слепые люди могут пользоваться Интернетом. Теперь, когда у меня было некоторое время, чтобы обновить тот же веб-сайт, я хотел бы дать ему (или любым другим пользователям, использующим программу чтения с экрана) возможность оставить мне отзыв об их опыте просмотра, чтобы я мог, надеюсь, сделать это. лучше для них.   -  person Swen    schedule 24.10.2016
comment
Ах. Контекст помогает. Я бы по-прежнему придерживался ответа @vcurd ниже, поскольку он доступен для всех пользователей, включая пользователей других вспомогательных технологий. Пользователей с плохим зрением, например, намного больше, чем слепых, но они не часто используют программы чтения с экрана.   -  person aardrian    schedule 24.10.2016

Ответы (2)


arrow_upward
2
arrow_downward

Если вы посмотрите на https://www.webaccessibility.com/best_practices.php с помощью программы чтения с экрана есть ссылка «перейти к содержимому», которая не отображается на странице, но на которую фокусируется программа чтения с экрана. Это первое, на что обращают внимание, поэтому, если пользователь программы чтения с экрана не хочет пропускать одни и те же элементы управления наверху каждый раз при загрузке страницы, он может просто перейти непосредственно к содержимому.

Это содержимое доступно для чтения с экрана, но не отображается на странице. Это достигается на этом сайте с помощью следующего CSS:

#skiplink {
    height: 0;
    width: 0;
    position: absolute;
    left: -1000px;
}

Теперь, поскольку элемент является привязкой (a), он получает фокус по умолчанию. Если вы хотите, чтобы ваш текст для чтения с экрана был первым элементом на странице, на который можно сфокусироваться, я бы рекомендовал поместить его вверху или рядом с вашим контентом <body> или присвоить ему атрибут tabindex="0".

person Alexander Nied    schedule 21.10.2016

arrow_upward
1
arrow_downward

Хотя я ценю ваше намерение, у других пользователей также могут возникнуть проблемы с просмотром вашего сайта. Это может быть связано с доступностью или общим удобством использования, поэтому я бы рекомендовал сделать ссылку доступной для всех пользователей.

Размещение ссылки внутри элемента адреса в нижнем колонтитуле с пометкой «contentinfo» (для поддержки старых браузеров) должно позволить пользователям программ чтения с экрана находить ссылку с помощью роли ориентира, а также предоставить другим пользователям эту функциональность.

<footer role="contentinfo">
	<address>
	    If you have any problems browsing this site please <a href="mailto:[email protected]">contact webmaster</a>.
	</address>
</footer>

person vcurd    schedule 21.10.2016
comment
Тег address предназначен для физических адресов. - person Shannon Young; 21.10.2016
comment
@ShannonYoung: Нет, это контактная информация для страницы (или article). Это может включать почтовые адреса, но не ограничивается ими (и не все почтовые адреса подходят для address). - person unor; 22.10.2016