2009-12-09 1 views
2

Должен ли я избегать JavaScript, jQuery, flash, Ajax, Silverlight, если я хочу сделать свой сайт совместимым с перекрестной платформой (ПК, другие мобильные телефоны iPHONE, КПК) и Доступный (совместимый с экрана)?Должен ли я избегать javascript, jquery, flash, ajax, silverlight, если я хочу, чтобы мой сайт совместим с перекрестной платформой и поддерживает экранный ридер?

Должен ли я использовать xhtml css с серверным языком для более широкой доступности?

и для ПК pr MAC я сделал все сначала для Firefox, поэтому для мобильных устройств, какой браузер мне выбрать?

ответ

1

Flash и Silverlight недоступны на iPhone и некоторых других мобильных устройствах. jQuery поддерживает screen reader accessibility, но, похоже, не доступен на большинстве мобильных устройств, кроме iPhone.

2

Нет, с gracefull degradation вы создаете сайт для работы без javascript и накладываете слой динамического поведения сверху.

Специально jQuery хорош с этим.

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

7

Нет, но предлагайте их как progressive enhancements или обеспечивайте изящную деградацию.

+1

Javascript может служить только дополнением к уже полезному сайту. –

0

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

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

1

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

1

Просто мнение,

для мобильных устройств, какой браузер я должен выбрать?

Я видел много телефонов, у которых есть opera mobile browser, поэтому, пожалуйста, попробуйте сделать совместимым с опера.

0

Как пользователь экрана, пожалуйста, следуйте советам по использованию грациозной деградации. Тем не менее Flash и Silverlight недоступны. Хотя Flash теоретически можно сделать доступным, я никогда не нашел сайт с доступной Flash. Если вы хотите, чтобы сайт был доступен для слепых пользователей на мобильных телефонах, вам необходимо протестировать, используя браузер по умолчанию на IPhone, Windows Mobile и Symbian. Opera Mobile недоступна для пользователей с экрана для чтения на любом мобильном устройстве.

4

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

Если вы разрабатываете для веб-сайта, # 1 инструмент, вам нужно дополнение Firefox Developer Toolbar. В меню «Сервис» есть выбор под названием «Подтвердить раздел 508» (который представляет собой набор рекомендаций по доступности).Это быстрый n грязный способ получить список стилей «что сломано» на вашем сайте, что касается доступности.

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

Теперь; пить глубоко, из Огненного Знания. , , , Вот список ресурсов: Реализация Федеральных Доступность Веб-стандарты (1194,22)

(а) должен быть предусмотрен текстовый эквивалент для каждого нетекстового элемента (например, с помощью «Alt», «longdesc», или в содержании элементов). http://www.access-board.gov/sec508/guide/1194.22.htm#(a)

http://www.jimthatcher.com/webcourse2.htm

Связанная информация

Создание Графика Доступ (WebAIM) http://www.webaim.org/techniques/images/

Надлежащее использование альтернативного текста http://www.webaim.org/techniques/alttext/

Описание иллюстрации, диаграммы, карты, таблицы, диаграммы , и графики http://www.w3.org/2000/08/nba-manual/Overview.html

Руководство по текстам альт в IMG элементов http://www.cs.tut.fi/~jkorpela/html/alt.html

Пример D ссылки http://www.consideration.org/technology/accessexamples/dlinksample.html (б) Эквивалентные альтернативы для любой мультимедийной презентации должен быть синхронизирован с презентацией. http://www.access-board.gov/sec508/guide/1194.22.htm#(b)

http://www.jimthatcher.com/webcourse6.htm

Связанная информация

Captioning для Web (WebAIM) http://www.webaim.org/techniques/captions/ (Включает в себя учебники по субтитров в Quicktime, Windows Media, RealPlayer, и сороки)

Подпись Список ресурсов http://webaim.org/resources/captioning/ MAGPIE (NCAM) http://ncam.wgbh.org/webaccess/magpie/Синхронное Мультимедиа: SMIL (W3C) http://www.w3.org/AudioVideo/ Специальные возможности SMIL (W3C) http://www.w3.org/TR/SMIL-access/

Создание предоставляющий Flash (WebAIM) http://www.webaim.org/techniques/flash/

Доступность Techniques для Flash (Macromedia) http://www.adobe.com/accessibility/products/flash/ (с) Web страницы должны быть сконструированы так, чтобы вся информация, передаваемая с цветом, также была доступна без цвета, например, из контекста или разметки. http://www.access-board.gov/sec508/guide/1194.22.htm#(c)

http://www.jimthatcher.com/webcourse7.htm

Связанная информация Эффективная Цвет Контраст http://www.lighthouse.org/color_contrast.htm

Vischeck http://www.vischeck.com/vischeck/ Безбарьерная презентация, которая является дружественной к людям дальтоник http://jfly.iam.u-tokyo.ac.jp/html/color_blind/ Визуальные Препятствий http://www.webaim.org/articles/visual/colorblind.php

(d) Документы должны быть организованы таким образом, чтобы они были удобочитаемыми, не требуя соответствующей таблицы стилей. http://www.access-board.gov/sec508/guide/1194.22.htm#(d)

http://www.jimthatcher.com/webcourseb.htm

Связанная информация

Специальные возможности CSS (W3C) http://www.w3.org/TR/CSS-access

каскадных таблиц стилей (W3C) http://www.w3.org/Style/CSS/

CSS Validator (W3C) http://jigsaw.w3.org/css-validator/

(e) Для каждой активной области карты изображения на стороне сервера должны быть предусмотрены избыточные текстовые ссылки. (f) Карты изображений на стороне клиента должны быть предоставлены вместо карт изображения на стороне сервера, за исключением случаев, когда регионы не могут быть определены с доступной геометрической формой. http://www.access-board.gov/sec508/guide/1194.22.htm#(e) http://www.access-board.gov/sec508/guide/1194.22.htm#(f) http://www.jimthatcher.com/webcourse5.htm (g) Заголовки строк и столбцов должны быть идентифицированы для таблиц данных. (h) Разметка должна использоваться для связывания ячеек данных и ячеек заголовков для таблиц данных, которые имеют два или более логических уровня заголовков строк или столбцов. http://www.access-board.gov/sec508/guide/1194.22.htm#(g) http://www.jimthatcher.com/webcourse9.htm Связанная информация Как создать доступные таблицы (WebAIM) http://www.webaim.org/techniques/tables/

Доступная таблица Builder (Accessify) http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/ Инструмент, который позволяет выбрать, какие свойства таблицы вы хотите, сколько строк и столбцов, и позаботится о том, чтобы на вас была наценка.

(i) Рамки должны иметь название с текстом, который облегчает идентификацию и навигацию по кадрам. http://www.access-board.gov/sec508/guide/1194.22.htm#(i) http://www.jimthatcher.com/webcourse4.htm Связанная информация Как создавать доступные кадры http://www.webaim.org/techniques/frames/ (к) Страницы должны быть разработаны, чтобы избежать чего экран мерцать с частотой более 2 Гц и ниже 55 Гц. http://www.access-board.gov/sec508/guide/1194.22.htm#(j) http://www.jimthatcher.com/webcourse7.htm (k) Для обеспечения соответствия веб-сайта положениям этих стандартов, если соответствие не может быть выполнено каким-либо иным образом, должна предоставляться только текстовая страница с эквивалентной информацией или функциональными возможностями. Содержимое страницы, предназначенной только для текста, должно обновляться при изменении основной страницы. http://www.access-board.gov/sec508/guide/1194.22.htm#(k) http://www.jimthatcher.com/webcourse7.htm (l) Когда страницы используют языки сценариев для отображения содержимого или для создания элементов интерфейса, информация, предоставленная скриптом, должна быть идентифицирована функциональным текстом, который может быть прочитан вспомогательной технологией. http://www.access-board.gov/sec508/guide/1194.22.htm#(l) http://www.jimthatcher.com/webcoursea.htm Связанная информация Создание Удобный доступ JavaScript (WebAIM) http://www.webaim.org/techniques/javascript/ Keyboard Доступность (WebAIM) http://www.webaim.org/techniques/keyboard/ JavaScript Доступность вопросы (TRACE Center) http://trace.wisc.edu/world/java/jseval.htm Сценарии (IBM) http://www-03.ibm.com/able/guidelines/web/webscripts.html (м) Когда веб-страницы требуется что апплет, подключаемый модуль или другое приложение должны присутствовать в клиентской системе для интерпретации содержимого страницы, страница должна предоставить ссылку на подключаемый модуль или апплет, который соответствует §1194.21 (a) - (l). http://www.access-board.gov/sec508/guide/1194.22.htm#(m)

Программные приложения и операционные системы (1194.21) http://www.access-board.gov/sec508/guide/1194.21.htm

Связанная информация:

Java Accessibility (IBM) http://www-03.ibm.com/able/guidelines/java/accessjava.html

Компания Sun Microsystems Доступность Программа http://www.sun.com/access/index.html (п) Когда электронные формы должны быть заполнены в режиме онлайн, форма должна позволять людям использовать вспомогательной технологии для доступа к информации, элементам поля и функциональным возможностям, необходимым для завершения и представления формы, включая все направления и сигналы. http://www.access-board.gov/sec508/guide/1194.22.htm#(n) http://www.jimthatcher.com/webcourse8.htm Связанная информация Создание доступных форм (WebAIM) http://www.webaim.org/techniques/forms/ , предоставляющий HTML/XHTML формы (Accessify.com) http://www.accessify.com/features/tutorials/forms/ Multiple Input Form Fields (Accessify.com) http://www.accessify.com/features/tutorials/multiple-inputs/ Quick Form Builder (Accessify. com) http://www.accessify.com/tools-and-wizards/accessibility-tools/quick-form-builder/ Этот инструмент позволяет вам создавать формы с необходимой HTML-надписью для обеспечения доступности.

(o) Должен быть предоставлен метод, позволяющий пользователям пропускать повторяющиеся навигационные ссылки. http://www.access-board.gov/sec508/guide/1194.22.htm#(o) http://www.jimthatcher.com/webcourse4.htm Связанная Информация

Skip Navigation Links (WebAIM) http://www.webaim.org/techniques/skipnav/

Пропустить навигационные ссылки (Jim Thatcher.com) http://www.jimthatcher.com/skipnav.htm (р) Когда требуется приуроченная ответ, пользователь должен быть предупрежден и дает достаточное время для указания времени. http://www.access-board.gov/sec508/guide/1194.22.htm#(p) http://www.jimthatcher.com/webcourse7.htm

Дополнительная информация о внесении веб-сайты и контент доступным W3C Web Accessibility Initiative ресурсы http://www.w3.org/WAI/Resources/ Создание образовательного программного обеспечения и веб-сайтов, доступных Руководство по проектированию В том числе математики и естественных наук Решения http://ncam.wgbh.org/cdrom/guideline/ 508 Universe (Включает в себя курс проектирование доступных веб-сайтов) http://www.section508.gov/index.cfm?FuseAction=Content&ID=5 Специальные инструменты и мастера для доступа http://www.accessify.com/tools-and-wizards/

Тестирование веб-сайтов для доступности Тестирование Web Accessibility Compliance В соответствии со статьей 508 Закона о реабилитации 1973 года (Департамент образования) http://www.ed.gov/policy/gen/guid/assisttesting.html

508 Контрольный список (WebAIM) http://www.webaim.org/standards/508/checklist

Оценка веб-сайтов для доступности (W3C) http://www.w3.org/WAI/eval/

Бесплатные Средства тестирования волна http://www.wave.webaim.org/

Web Accessibility Toolbar (Internet Explorer) http://www.paciellogroup.com/resources/wat-ie-about.html

панель инструментов Web Developer (Firefox) http://chrispederick.com/work/web-developer/

Для получения более подробной информации о Департаменте программы Assistive технического образования, пожалуйста, посетите: http://www.ed.gov/policy/gen/guid/assistivetech.html приведены ссылки на которые ссылается этот документ включает те, которые создаются и поддерживаются другими государственными и частными организациями и предоставляются для удобства пользователя. Департамент образования США не контролирует или не гарантирует точность, актуальность, своевременность или полноту информации из этих источников. Кроме того, включение ссылок в этот документ не предназначено для отражения их важности и не предназначено для одобрения любых высказанных мнений или предлагаемых продуктов или услуг или организаций, спонсирующих сайты. Последнее изменение: 17 июля 2009 г.