Как я могу гарантировать, что мой сайт доступен для инвалидов?

Ответ 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

Ответ 2

Раздел 508 - это раздел закона, который требует, чтобы веб-сайты правительства США были доступны.

Более подробная информация приведена здесь, включая рекомендации по обеспечению доступности контента для всех.

http://www.section508.gov/

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

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

Ответ 3

Если вы из Великобритании, из юридического POV вы хотите смотреть на Закон о равенстве (который заменил Закон о дискриминации по инвалидности).

Основа доступности Интернета основана на изящной модели деградации/прогессионального улучшения (звучит сложнее, чем есть!). A List Apart написал отличную статью об этом некоторое время назад.

Хорошей отправной точкой для веб-профессионалов является Центр веб-доступа RNIB. Очевидно, что в основном это касается тех пользователей, которые испытывают зрительную нетрудоспособность, но это очень полезный ресурс.

Веб-AIM также является хорошим сайтом для ресурсов/статей, хотя я не уверен, как часто он поддерживается в наши дни (все же, информация там актуальна).

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

Доступное развитие - это изменение мышления, а также изучение гаек и болтов. Вам нужно постоянно спрашивать себя: "Как могут другие люди использовать это? Какие барьеры могут быть на их пути? Какой браузер они используют? Работает ли это без цвета /JavaScript/CSS?". Узнайте, как разделить ваш сайт и посмотреть, продолжает ли он работать.

Ответ 4

Рекомендации по доступности веб-контента 2.0 (WCAG 2.0) - это Рекомендация W3C от Инициативы доступности веб-сайтов (W3C/WAI).

Обзор можно найти здесь: http://www.w3.org/WAI/intro/wcag20
Существуют очень широкие принципы, а также точные методы (для HTML, CSS, JS, Flash и т.д.) И цель каждого из них. Это не документы, предназначенные для чтения сразу, и вы захотите узнать больше из учебников и статей, найденных в Интернете (архивы на 456 Berea Street, WebAIM, видео о доступности)

Ответ 5

Краткое справочное руководство W3C для WCAG 2 перечисляет все необходимые методы, необходимые для реализации принципов и рекомендаций WCAG2, упомянутых Фелипеем, с примерами кода, если это необходимо на отдельных страницах техники. Если все это слишком сложно для вас, Контрольный список WebAIM - это то же самое только на простом английском языке.

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

Ответ 6

Много хороших ответов, но я также не могу добавить свой вклад.

Если вы хотите, чтобы сайт был дружественным для инвалидов, есть ряд соображений, которые следует принять. Тот, который я не видел здесь (возможно, потому, что я снял), должен гарантировать, что вы используете высококонтрастные цвета, с твердым фоном за текстом.

Однако, вы не должны использовать белый на черном или белом черном... дислексика обычно не может видеть эти цвета. Используйте не совсем белый фон или текст.

Кроме того, убедитесь, что ваш текст большой. Обеспечьте как можно больше контента стандартным текстом, чтобы программы преобразования текста в речь могли "читать" веб-сайт. Текст-речь не может читать изображения. Текстовые ссылки вместо кнопок также будут целесообразными по тем же причинам (хотя может быть способ связывания текста с кнопкой для этих сценариев...?)