Лучший способ сделать «Пропустить навигацию» с CSS для соответствия 508 - PullRequest
3 голосов
/ 01 апреля 2010

В разделе 508 есть требование кодировать «Пропустить навигацию» вверху всех веб-страниц, чтобы позволить слабовидящим людям обходить длинную и повторяющуюся верхнюю навигацию.

Изначально я думал, что лучший способ сделать это - поместить слова на страницу и использовать CSS «display: none», чтобы не показывать их. Но я читал, что вы тоже не можете этого сделать.

Кто-нибудь знает, как лучше всего делать гиперссылку «Пропустить навигацию» вверху всех страниц, но не показывать ли ее на экране людям со зрением или без какой-либо другой инвалидности? Можно ли это сделать с помощью CSS без использования комментария «Display: none»?

Ответы [ 3 ]

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

У меня сложилось впечатление, что когда вы display:none программы чтения с экрана, можете отказаться от этого элемента. Я не совсем понимаю, почему они это делают, но я полагаю, что именно поэтому они читатели с экрана, а не читатели HTML.

Я склонен использовать position:absolute для удаления элемента, который я все еще хочу видеть в программе чтения с экрана. Что-то вроде ...

a#skip_to_content {
    position:absolute;
    top:-10000px;
    left:-10000px;
}

... но я ничего не читал, чтобы подтвердить, что это предлагаемое решение.

Если вы пытаетесь разработать доступные веб-сайты и хотите очень быстро протестировать свою страницу, вы должны проверить плагин Fangs FireFox . Он имитирует, как популярная программа чтения с экрана Jaws будет просматривать и систематизировать информацию на вашем сайте.

0 голосов
/ 11 февраля 2013

Взгляните на assets.cms.gov . У них есть хорошая платформа на основе Bootstrap с 508 совместимыми элементами управления jQuery UI. Skip Navigation также реализован в рамках

0 голосов
/ 01 июня 2011

Я думаю, что эта ссылка может быть полезна: http://www.hicksdesign.co.uk/journal/skip-navigation-links

Я нашел его на голландском веб-сайте рекомендаций по доступности, который также может быть полезен для вас: http://versie1.webrichtlijnen.nl/english/manual/development/production/link-navigation/links-for-serial-navigation/#r-pd-8-12

Это не совсем Раздел 508, но они пытаются достичь того же.

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