Сделайте веб-приложение доступным

Что нужно сделать, чтобы я мог честно сказать себе, что мое веб-приложение доступно всем? Или даже лучше убедить Джо Кларка. У меня нет видео или аудио, о которых нужно беспокоиться, поэтому я знаю, что стенограммы мне не понадобятся. Что еще мне нужно проверить?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
255
5
Перейти к ответу Данный вопрос помечен как решенный

Ответы 5

Ответ принят как подходящий

Ваш вопрос очень расплывчатый, но короче говоря, вам необходимо убедиться, что ваш сайт соответствует одному из трех уровней (A, AA или AAA) Рекомендации по обеспечению доступности веб-контента.

FWIW, по моему опыту, если вы предоставляете что-либо, кроме чисто статического HTML-сайта, стремитесь к AA. Попытка строго следовать руководящим принципам WCAG до стандарта Triple-A для динамического веб-сайта - это путь к выпадению волос IMO. Это может измениться в WCAG 2.0.

Удачи!

Обновлено: @Blowdart предлагает запустить ваш сайт через онлайн-чекеры. Это нормально, если вы понимаете, что многие из руководящих принципов WCAG (особенно в отношении более высокого уровня) настолько произвольны, что их можно проверить только человеческим глазом.

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

+1 Blowdart за предложение проверки HTML и CSS, а надстройка Криса Педерика - здорово!

Пройдите через кучу шашек. Убедитесь, что HTML действителен. Попробуйте использовать его с отключенным скриптом. Попробуйте использовать его с отключенным CSS. Вы можете сделать все это с помощью надстройка для веб-разработчика для Firefox.

Если сайт можно использовать с отключенными JavaScript и CSS, значит, у вас все хорошо. Панель инструментов веб-разработчика в Firefox позволяет легко отключить и то, и другое. Другой способ проверить - использовать Lynx, текстовый браузер с командной строкой. Кроме того, лучше всего эвристически проверить сайт на соответствие применяемым правилам (в США это обычно Раздел 508). Ни один сайт не будет полностью доступен, но если вы сделаете это, то ваш сайт будет очень доступным.

Вы также должны проверить материал WAI-ARIA:

И, чтобы получить представление о проблемах, с которыми на самом деле сталкиваются пользователи с различными ограниченными возможностями, когда они пытаются использовать Интернет, взгляните на некоторые презентации и видео с конференции Scripting Enabled в Лондоне в пятницу: http://scriptingenabled.org/ (Я не думаю, что все они еще загружены)

Могут помочь онлайн-средства проверки доступности, может помочь соблюдение WCAG, может помочь использование вашего сайта с демонстрационными версиями программ чтения с экрана, но единственный способ «застраховать» сайт доступным - это попросить эксперта проверить его для вас или стать экспертом. себя. К счастью, если вы следуете WCAG 2.0, тестируете с помощью программы чтения с экрана и запускаете онлайн-тесты, в 98% случаев все будет в порядке. Но если вам нужна гарантия ...

Другие вопросы по теме