Каковы наилучшие методы обеспечения доступности веб-сайта?

Правительство предоставляет стандарт под названием Раздел 508, который определяет, что делает сайт совместимым.

Среди прочего .. предоставить атрибуты alt и title для каждого тега img.

Хороший ресурс можно найти на сайте W3C: Рекомендации по обеспечению доступности веб-контента.

Есть много разных ресурсов в зависимости от ваших целей.

Настоятельно рекомендуем начать с:

• Раздел 508. (законодательство США, но явно ориентированное на США)

• W3C's Инициатива веб-доступности и Рекомендации по обеспечению доступности веб-контента

редактировать:

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

Также хотел добавить, исходя из личного опыта, что WA не означает «слепые люди с программами чтения с экрана». Есть всевозможные ограничения доступа, о котором вам тоже нужно подумать: например, проблемы с ловкостью, связанные, например, с контроль мышц, необычные устройства ввода и простое увеличение экрана.

Удачи!

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

Следует помнить о нескольких вещах:

• иметь ссылку CSS на каждой странице, которая позволяет легко изменять размер шрифта.

• Визуально постарайтесь создать подходящую презентацию, которую легко читать в обратном S-образном порядке ... слева направо, обратно вниз ... и т. д.

• обеспечение того, чтобы все теги alt и т. д., упомянутые в других ответах, были жизненно важны.

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

• убедитесь, что все легко читать и находить. уже одно это значительно облегчит работу.

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

По этой теме существует множество ресурсов. На самом деле опасность заключается в перегрузке информации, а не в ее недостатке.

Но альтернативный подход - думать о своей HTML-странице в общих терминах, а не о визуальном выводе, который вы видите в веб-браузере. Если бы вы написали программу, интерпретирующую веб-сайт, что было бы полезно? Это общий способ сказать «используйте хорошую семантику». Мои главные советы - использовать стандартный XHTML для контента и CSS для дизайна. Также поищите такие темы, как «прогрессивное улучшение» и «поведенческий Javascript».

Но для ресурсов:

• Инициатива W3C по обеспечению доступности Интернета: www.w3.org/wai
• www.WebAIM.org
• www.Accessify.com
• www.CSSZenGarden.com для вдохновения того, как можно стилизовать семантическую разметку, чтобы она выглядела совершенно иначе.

Обязательно прочтите книгу Джеффри Зельдмана «Проектирование с использованием веб-стандартов».

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

Для другой точки зрения см. Правила использования веб-сайтов правительства Нидерландов.

Об этом еще не упоминалось, поэтому, думаю, я бы упомянул об этом. Если вы хотите, чтобы слепые пользователи могли пользоваться вашим сайтом, избегайте вспышек. Доступно не более 1% флэш-памяти, которую я нахожу в Интернете.

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

Вот краткий список, которому я обычно следую

• Убедитесь, что он использует чистую разметку XHTML, идеально соответствующую стандартам AAA,
• Попробуйте, где возможно, пролить HTML, CSS, Javascript в соответствующие файлы,
• Создавайте разные таблицы стилей для печати, экрана и т. д.,
• Убедитесь, что вы приняли во внимание цвета и шрифты для слабовидящих и дальтоников,
• Постарайтесь разместить основную навигацию только в верхней части кода, чтобы фактическое содержимое отображалось в верхней части кода, таким образом людям не нужно прокручивать слишком далеко, чтобы увидеть содержимое, особенно если они используют программу чтения с экрана / низкий res,
• Если у вас много навигации перед контентом, поместите ссылку вверху, позволяющую пользователям переходить к контенту,
• Убедитесь, что самая первая ссылка на странице ведет только на текстовую / низко графическую версию сайта,
• Убедитесь, что ВСЕ страницы и все основные функции будут работать без включенного JavaScript,
• Для Firefox есть множество плагинов, которые помогут в разработке, в том числе:
  • Веб-разработчик
  • Нет скрипта
  • HTML-валидатор
  • Firebug
• Убедитесь, что страница отображается во всех браузерах, включая старые, даже если это означает, что она работает, но не полностью соответствует дизайну.
• Убедитесь, что HTML, CSS, JavaScript имеют минимальный размер файла, чтобы ускорить загрузку, например Удалите пробелы и пустые строки,
• Всегда используйте МЕТКИ в формах и alt, теги заголовков в ссылках и изображениях,
• Используйте таблицы только для табличных данных и убедитесь, что данные имеют соответствующую маркировку,
• По возможности не используйте JavaScript для записи содержимого на страницу, а используйте CSS, чтобы скрыть его, в этом случае, если JavaScript отключен или не работает должным образом, содержимое все равно будет отображаться,
• Всегда проверяйте, что вы используете onkeypress, а также события onclick в JavaScript, если пользователь не может / не использует мышь.

Наконец, если вам нужно использовать пустые изображения на странице для отслеживания и т. д., Не давайте им теги Alt. Это мое собственное мнение, которое горячо обсуждается в Интернете, особенно когда изображения размером 1 x 1 пиксель использовались для интервала. Однако, насколько я понимаю, если вы используете программу чтения с экрана, вы не понимаете, что она читает глупые комментарии к изображениям, которые ему не нужно видеть.

Если вы разрабатываете в asp.net, может быть полезен инструмент NAAK с открытым исходным кодом.