Каковы минимальные шаги, которые я должен соблюдать, чтобы обеспечить доступ к моему веб-сайту для инвалидов?

Я стараюсь следовать очень важному стандарту, который должен признать, что до недавнего времени я проигнорировал. Я хочу, чтобы мои страницы были доступны для значительной части людей с ограниченными возможностями. Я сосредотачиваюсь главным образом на учебниках, которые интенсивно обрабатывают текст и изображение, но не содержат видео /флеш или анимации.

Что такое контрольный список, который я могу отслеживать, чтобы убедиться, что многие люди с ограниченными возможностями могут иметь хороший опыт при использовании моего веб-сайта и какие именно инвалидности я должен осознавать?

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

34 голоса | спросил Tim Post 9 J000000Friday10 2010, 13:05:52

9 ответов


18
  • Убедитесь, что у каждого изображения есть текст.
  • Убедитесь, что ваша цветовая схема подходит для тех, у кого цветная слепота.
  • Предлагаем высококонтрастный макет или макет текста для слабовидящих.
  • Убедитесь, что ваши ссылки имеют смысл при чтении из контекста (т. е. не просто писать «нажмите здесь»).
  • Убедитесь, что ваш сайт по-прежнему предлагает полную базовую функциональность, если у пользователя нет поддержки JavaScript.

W3 предлагает некоторые основные советы по доступности через свой веб-сайт . У Джо Кларка есть онлайн-версия его «Создание доступных веб-сайтов» для бесплатного просмотра содержит много полезной информации.

ответил Wolfwyrd 9 J000000Friday10 2010, 13:15:41
7

Создание вашей смысловой семантики - это огромный шаг на пути к доступности, если ваш сайт может быть перемещен без применения CSS к нему, и контент имеет смысл, тогда все остальное - просто визуальный прилив!

ответил Toby 4 PM00000040000001631 2010, 16:54:16
6

Во-первых, «инвалиды» ​​означают ничего!

Итак, давайте посмотрим на некоторые группы людей, которых вы должны проверить, можете ли вы на своем веб-сайте.

Бедный человек, у которого есть записная книжка с маленьким экраном

Вам просто нужно проверить, что ваш сайт можно использовать, когда окно браузера мало, без боли в спине.

Цветной слепой человек

Может ли кто-нибудь использовать ваш сайт, не видя цвета значков и т. д., с которым вы обращались к нему на мониторе B & W.

Человек с плохим сайтом.

Когда ваши изменения изменяют размер шрифта в браузере, весь текст становится больше на вашем сайте, а макет все еще в порядке. Также может ли сайт по-прежнему использоваться на небольшом мониторе?

Используется ли на вашем сайте высококонтрастная компоновка, если вам нелегко переключиться на высококонтрастный макет?

Человек, который не может использовать мышь

Может ли человек, который никогда раньше не использовал ваш сайт, доступ ко всем функциям /информации, просто используйте клавиатуру. (Работает ли ключ вкладки полезным способом?)

Кто-то со слабыми навыками чтения

Вы используете простой английский как можно больше?

Кто-то, кто плохо разбирается в новых вещах.

Является ли дизайн вашего сайта на другом сайте, который ваши пользователи уже знают, как использовать?

Слепой.

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

Далее поймите свои цели , например, если ваш сайт является сайтом бронирования отелей, возможно, вам лучше указать номер телефона для бронирования, а затем просто сделать информацию о гостинице доступной.

  

Большинство слепых людей очень тяжело   использовать любой интерактивный веб-сайт, который у них есть   ранее не использовались, однако   сайт разработан.

Итак, вы должны предоставить ни один веб-вариант? (Телефон? Человек, который их посещает, чтобы заполнить форму и т. Д.?)

Во-первых, может ли ваш сайт использоваться без каких-либо изображений? (Текст Alt - один из способов сделать это)

Учитывая, что речевое программное обеспечение читает сайт сверху вниз, ваш сайт может быть понят таким образом?

Очень сложно сделать сайт со сложной навигацией легким для пользователя привязки, а также человек привязки не знает, что часть страницы была обновлена ​​JavaScript и нуждается в повторном чтении.

Изменение цвета элементов для изменений состояния также не является хорошим вариантом.

Единственный способ узнать, как сделать сайт хорошо подходящим для людей с привязкой, - это увидеть, как человек привязки использует экранный ридер на некоторых веб-сайтах. Ни один из стандартов не достаточно хорош, они просто говорят вам, что вам не следует делать, но для них недостаточно (если только вам не предоставлен статический текст, например, сайт для газетной бумаги).

ответил Ian Ringrose 6 PM00000070000000231 2010, 19:26:02
4

Вы можете использовать этот сайт, чтобы получить краткий обзор соответствия: http://wave.webaim.org/

Он выполняет аналогичную работу со старой системой «Бобби», которая закрылась пару лет назад.

ответил Mark Hatton 9 J000000Friday10 2010, 21:01:21
3

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

http://www.webrichtlijnen.nl/english/

ответил Rickjaah 9 J000000Friday10 2010, 15:55:02
2

Я нашел свободно загружаемую книгу Mark Pilgrim Dive into Accesibility , чтобы быть полезной точкой отсчета по этой теме. Это с 2002 года, но все же очень уместно. Совет, как «использовать грациозную деградацию», не стареет.

ответил Ian Mackinnon 9 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 09 Sep 2010 22:51:36 +0400 2010, 22:51:36
2

WAI-ARIA выглядит так, будто теперь это может быть дополнением к нашему арсеналу доступности.

Информация о WAI-ARIA - http://www.alistapart.com/articles/waiaria

ответил DBUK 25 52011vEurope/Moscow11bEurope/MoscowFri, 25 Nov 2011 18:52:34 +0400 2011, 18:52:34
1

Я думаю, вы должны использовать этот сайт http://www.totalvalidator.com или доступный плагин firefox , Он имеет несколько проверок инвалидности и будет отмечать все, что отсутствует.

ответил user1270 4 PM00000070000001031 2010, 19:06:10
0

Ответ # 1 прост: напишите корректный, семантически корректный HTML /CSS !!! Все приведенные выше предложения хороши. Вот контрольный список, который я написал пару лет назад, который показывает вам несколько вещей, которые вы должны проверять на всех сайтах: https://forge.iowa.gov/wiki/index.php/Web_Checklist . Предполагается, что у вас есть панель инструментов Web Developer на FF, но это бесплатно и легко получается.

Несколько простых вещей, которые я чувствую, могут иметь реальное значение:

  

Для форм обязательно используйте тег LABEL. Это делает более доступным   для таких вещей, как радиокнопки, а также   устройства чтения с экрана.

     

Другая вещь, которую я чувствую, обычно неправильно используется h1, h2, h3 ...   теги. Если они используются правильно, это может помочь кому-то перейти через ваш   страница легко. Если мы просто нарисуем их и используем их волей-неволей, это очень   вводящие в заблуждение читатели экрана и другие устройства ввода-вывода без мыши.

     

Также приятно разрешить кому-то, кто перемещает вашу страницу без   все ваши красивые CSS и изображения, чтобы пропустить прошлый повторяющийся код для   содержание. Обычно это достигается с помощью ссылки SKIP, которая скрыта в   CSS. Например, <a href = "# skipnav" class = "noshow"> Пропустить мимо   навигации к контенту. </a>, чтобы пропускать мимо длинных   навигации.

Как заявил Тони, одним из лучших тестов является снятие всех колоколов и свистов на вашей странице, и посмотреть, все ли имеет смысл.

ответил ph33nyx 12 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowMon, 12 Sep 2011 18:18:22 +0400 2011, 18:18:22

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132