Должен ли я избежать JavaScript, jQuery, Flash, Ajax, Silverlight, если я хочу, чтобы мой сайт совместимым с платформой и считывателем экрана?

Question

Должен ли я избежать JavaScript, jQuery, Flash, Ajax, Silverlight, если я хочу сделать кросс -платформный сайт совместимым (PC, iPhone, другие мобильные телефоны, PDA) и доступный (экранная считывателя совместимы)?

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

А для ПК PR Mac я сделал все первым для Firefox, так что для мобильного бизнеса, какой браузер мне выбрать?

Answer 1

Flash и Silverlight недоступны на iPhone, а также на некоторых других мобильных устройствах. JQuery поддерживает Доступность для чтения экрана, но, кажется, не доступно на большинстве мобильных устройств, кроме iPhone.

Answer 2

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

Answer 3

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

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

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

В настоящее время; Пейте глубоко, от пожарного знания. Анкет Анкет Анкет Вот список ресурсов: реализация федеральных веб -стандартов доступности (1194.22)

(a) Должен быть предоставлен текстовый эквивалент для каждого не текстового элемента (например, через «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

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

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

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

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

Подпись для Интернета (Webaim)http://www.webaim.org/techniques/captions/(Включает учебники по подписанию в QuickTime, Windows Media, RealPlayer и Magpie)

Список ресурсов подписиhttp://webaim.org/resources/captioning/Сорока (NCAM)http://ncam.wgbh.org/webaccess/magpie/Синхронизированный мультимедиа: Smil (W3C)http://www.w3.org/audiovideo/Функции доступности Smil (W3C)http://www.w3.org/tr/smil-access/

Создание доступной вспышки (Webaim)http://www.webaim.org/techniques/flash/

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

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

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

Весчека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/

Validator CSS (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/

Доступный строитель таблиц (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/(j) Страницы должны быть спроектированы, чтобы избежать того, что экран мерцает с частотой более 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/Доступность клавиатуры (Webaim) http://www.webaim.org/techniques/keyboard/Проблемы с доступностью JavaScript (Центр трассировки)http://trace.wisc.edu/world/java/jseval.htmСкрипты (IBM)http://www-03.ibm.com/able/guidelines/web/webscripts.html(m) Когда веб-страница требует, чтобы апплет, плагин или другое приложение присутствовало в клиентской системе для интерпретации содержания страницы, страница должна предоставить ссылку на плагин или апплет, который соответствует §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 (IBM)http://www-03.ibm.com/able/guidelines/java/accessjava.html

Sun Microsystems Программа доступностиhttp://www.sun.com/access/index.html(n) Когда электронные формы предназначены для завершения онлайн, форма позволяет людям, использующим вспомогательные технологии, получать доступ к информации, полевым элементам и функциональности, необходимым для завершения и представления формы, включая все указания и сигналы.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/Многочисленные поля входной формы (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/

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

Более подробная информация о предоставлении веб -сайтов и контента доступных ресурсов W3C Web Aginsiative Resources http://www.w3.org/wai/resources/Создание образовательных программных и веб -сайтов доступными рекомендациями по проектированию, включая решения по математике и наукеhttp://ncam.wgbh.org/cdrom/guideline/508 Вселенная (включает курс по проектированию доступных веб -сайтов)http://www.section508.gov/index.cfm?fuseaction=content&id=5Инструменты доступности и волшебникиhttp://www.accessify.com/tools-and-wizards/

Тестирование веб -сайтов для тестирования доступности для соответствия доступности в Интернете в соответствии с разделом 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/

Панель инструментов доступности веб -доступности (Internet Explorer)http://www.paciellogroup.com/resources/wat-ie-about.html

Панель инструментов веб -разработчика (Firefox)http://chrispederick.com/work/web-developer/

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

Answer 4

Нет, с грациозная деградация Вы создаете веб -сайт для работы без JavaScript и ставите слой динамического поведения сверху.

Особенно jQuery хорош в этом.

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

Answer 5

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

Answer 6

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

Для мобильного, какого браузера мне выбрать?

Я видел много телефона, который имеет Opera Mobile Browser, поэтому, пожалуйста, постарайтесь сделать совместимую с оперой.

Answer 7

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

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

Answer 8

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