Как сделать этот эффект доступным для программы чтения с экрана и без JS - PullRequest
1 голос
/ 01 апреля 2010

Сегодня я нашел хороший пример, чтобы сделать весь div кликабельным и классным .

Есть ли способ сделать этот эффект совместимым с программами чтения с экрана и клавиатурой и даже хотя бы доступным, если JS отключен (с помощью наведения курсора css).

По крайней мере, ссылка должна быть где-то показана, если JS отключен.

Ответы [ 2 ]

3 голосов
/ 04 октября 2011

Этот пример использует js для вставки ссылки привязки при наведении курсора и полностью недоступен с клавиатуры или для любого, у кого отключен js. Чтобы сделать его доступным, поместите якорные ссылки в разметку, а затем с помощью javascript добавьте класс, который переместит их за пределы экрана (отрицательный text-indent или display: block; position: absolute; margin-left: -9000px; (не используйте display: none;). Таким образом, все пользователи смогут для навигации по ссылкам. И, пожалуйста, используйте что-то кроме «Подробнее» для вашего связанного текста. Пользователи программы чтения с экрана часто используют экранный буфер для сканирования списка всех ссылок на странице. Не так много бесполезных вещей, как 12 ссылок, которые все говорят « Подробнее »(возможно, используйте« Подробнее о <article topic>).

0 голосов
/ 01 апреля 2010

Если вы хотите, чтобы какой-то HTML отображался, когда Javascript отключен, вас может заинтересовать тег <noscript>.

Для получения дополнительной информации: HTML <noscript> Метка

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...