Ответ 1
Существует несколько соображений, которые вам необходимо рассмотреть здесь, если ваш сайт не предназначен для определенной инвалидности, тогда вам нужно работать с широким спектром функций. В этой ситуации первое, что вам нужно запомнить, это то, что вы, к сожалению, не можете угодить всем. Посмотрите на список ниже и определите, какая из этих возможностей вы можете разумно обслуживать
Визуальный: Визуальные нарушения, включая слепоту, различные общие типы низкого зрения и плохого зрения, различные виды цветной слепоты;
Двигатель/мобильность: например. трудности или невозможность использования рук, включая тремор, задержку мышц, потерю точного контроля мышц и т.д. из-за таких условий, как болезнь Паркинсона, мышечная дистрофия, церебральный паралич, инсульт;
Слуховой аппарат: глухота или нарушения слуха, включая лиц, которые плохо слышат;
Судороги: Фотоэпилептические припадки, вызванные визуальным стробом или мигающими эффектами.
Когнитивные/Интеллектуальные: нарушения развития, обучение (дислексия, дискалькулия и т.д.) и когнитивные нарушения различного происхождения, влияющие на память, внимание, развитие "зрелость", решение проблем и логические навыки и т.д.
Самый легкий из них - это изъятия, устранение проблескового/стробирующего содержимого с вашего сайта или, что более важно, если вы не можете поставить предупреждение перед отображением этого типа контента.
У пользователей с проблемами с двигателем/мобильностью могут возникнуть проблемы с взаимодействием с контентом на вашем сайте, что требует высокой точности, этому может помочь увеличение размера элементов пользовательского интерфейса или возможность изменения размера этих элементов при необходимости.
Как правило, сделать что-либо кликабельным настолько большим, насколько это возможно, и если у вас есть элементы с такими функциями, как перетаскивание перетаскивания, сделайте ручки перетаскивания большими, чтобы пользователь не нажимал на крошечную область.
Слуховой аппарат также довольно легко рассмотреть, по крайней мере, просто предоставить текстовые альтернативы любому медиа-контенту, который может иметь ваш сайт, для более крупных сайтов, использующих видео, поэтому могут быть варианты, такие как язык жестов.
Visual - это, вероятно, самое распространенное решение, которое разработчики веб-сайта должны сделать. Во-первых, частично видимые пользователи могут захотеть увеличить размер текста на вашей странице, поэтому убедитесь, что ваш интерфейс может справиться с этим. Используйте четкие и читаемые шрифты и убедитесь, что существует контраст между цветом фона и цветом шрифта.
Пользователи с цветным слепым могут пожелать изменить цветовую схему вашего сайта в соответствии с их потребностями, вы можете найти информацию о типах цветной слепоты и разработать несколько альтернативных стилей CSS для удовлетворения этих потребностей. Кроме того, высокая контрастность для всего, что есть на вашем сайте, может принести пользу частично зрячим пользователям.
Когнитивный/Интеллектуальный - это одно из самых сложных соображений для встречи, поэтому обратите внимание на индивидуальные недостатки. Например, ADD затрудняет фокусировку человека и делает их легко отвлекаемыми, учитывая, что они думают о рекламе, они предназначены для того, чтобы отвлечь нас и привлечь наше внимание, таким образом, ограничив рекламу на вашем сайте, вы можете избавиться от тех, которые вспыхивают и крик Нажмите ME!.
Дислексические пользователи могут бороться с чтением огромных фрагментов текста, которые также соответствуют соображениям для частично зрячих людей, здесь у вас может быть звуковая опция, чтобы текст читался вслух пользователю.
Еще одно соображение здесь - использование цвета на вашем веб-сайте. Было доказано, что определенные цвета могут стимулировать эмоции, для кого-то с эмоциональными или проблемами развития, использующими цвета, которые считаются успокаивающими, чем те, которые возбуждают (например, красные) улучшить свой опыт работы на вашем веб-сайте.
Все вышесказанное относится к соображениям дизайна, глядя на разработку (Code), после чего не так много вы можете сделать, большинство соображений о вашем коде связано с тем, что сторонние приложения взаимодействуют с вашим сайтом.
Как правило, убедитесь, что ваш код хорошо сформирован, исправлены теги/закрывающие теги и т.д. Убедитесь, что он действителен HTML/XHTML/CSS и т.д., если вы можете проверить на строгие стандарты, которые он не повредит вашей причине. Такие теги, как ссылки/изображения, должны иметь соответствующий текст Alt, чтобы описать, что такое элемент, например alt= "image1" довольно бесполезен для устройства чтения с экрана, но alt= "Отображение изображения... нажатие на это приведет вас к....." Полезно.
Если вы можете найти пробное программное обеспечение, возьмите себе скрин-ридер, загрузите свой веб-сайт, закройте глаза и попробуйте взаимодействовать с ним, это будет сложно, но по крайней мере вы можете увидеть, как ваш пользователь будет взаимодействовать с вашим сайтом и что более важно, вы можете использовать программу чтения с экрана, чтобы проверить, что ваш сайт действительно читается так, как должен.
Есть много сторонних плагинов, которые вы можете интегрировать с вашим сайтом, чтобы помочь своим пользователям тоже, поэтому изучите их, такие вещи, как возможность увеличения текста или чтения вслух с помощью всего лишь щелчка, будут хорошо приняты, если они не слишком навязчиво для ваших пользователей с ограниченными возможностями.
Полезные ссылки
http://www.w3.org/TR/WCAG10/ Руководящие принципы W3C по инвалидности - хорошее место для начала http://en.wikipedia.org/wiki/Web_accessibility Доступность Википедии http://www.etre.com/tools/colourblindsimulator/ Позволяет увидеть, как будут отображаться изображения для пользователей, http://colorfilter.wickline.org/ http://www.w3.org/WAI/Руководство по инициативе веб-доступности W3C