Статьи

Обзор доступности веб-инструментов

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

W3C валидатор

[Img_assist | нидь = 2685 | название = | убывание = | ссылка = URL | URL = HTTP: //validator.w3.org/ | Align = нет | ширина = 500 | высота = 177]

Первым делом нужно убедиться, что ваш HTML / XHTML-код проверяется. Лучшее место для этого — валидатор Консорциума World Wide Web. Для валидатора у вас есть множество вариантов: от валидации по URL, до загрузки файла или от прямого ввода через текстовое поле. У вас также есть множество дополнительных опций, которые вы можете установить, например, настройка кодировки символов, типа документа и различных опций форматирования для отображения результатов.

W3C CSS Validator

[Img_assist | нидь = 2687 | название = | убывание = | ссылка = URL | URL = HTTP: //jigsaw.w3.org/css-validator/ | Align = нет | ширина = 500 | высота = 177]

Ваша следующая остановка должна быть валидатором CSS W3C. Хотя действительные CSS и HTML / XHTML не гарантируют доступность автоматически, это, безусловно, огромный шаг в правильном направлении. Как и в случае с валидатором HTML, упомянутым ранее, валидатор CSS также предоставляет вам различные варианты для проверки вашего CSS, а также того, как отображаются результаты.

W3C RSS и Atom Feed валидатор

[Img_assist | нидь = 2688 | название = | убывание = | ссылка = URL | URL = HTTP: //validator.w3.org/feed/ | Align = нет | ширина = 500 | высота = 177]

Это тот вопрос, о котором мало кто мог подумать, но для пользователей с различными ограничениями каналы RSS и Atom — это Божья посылка, и они полагаются на эти каналы, чтобы понять, что их интересует,
так что это стоит того, чтобы ваши каналы подтверждают. Этот инструмент предоставляет не так много опций, как два других валидатора, но позволяет проверять фид с помощью URL-адреса или прямого ввода. Стоит проверить.

HTML Tidy Firefox Плагин

[Img_assist | нидь = 2689 | название = | убывание = | ссылка = URL | URL = https: //addons.mozilla.org/en-US/firefox/addon/249 | Align = нет | ширина = 500 | высота = 177 ]

Хотите выполнить проверку HTML / XHTML прямо в браузере? Ну, тогда нет лучшего инструмента для плагина Firefox HTML Tidy. «HTML Validator — это расширение Mozilla, которое добавляет проверку HTML в Firefox и Mozilla. Количество ошибок HTML-страницы отображается в виде значка в строке состояния при просмотре. Расширение может проверять HTML, отправленный сервером или HTML в памяти (после выполнения Ajax)

Панель инструментов веб-разработчика Firefox

[Img_assist | нидь = 2690 | название = | убывание = | ссылка = URL | URL = https: //addons.mozilla.org/en-US/firefox/addon/60 | Align = нет | ширина = 500 | высота = 177 ]

Хотя панель инструментов Firefox для веб-разработчиков предлагает не только инструменты для тестирования доступности, но и такие функции, как перелистывание изображений, CSS, Javascript или все это за один раз, делает его бесценным инструментом для каждого веб-разработчика и дизайнера. И с 6 555 192 загрузками вы знаете, что находитесь в хорошей компании.

Синтия говорит

[Img_assist | нидь = 2691 | название = | убывание = | ссылка = URL | URL = HTTP: //www.cynthiasays.com | Align = нет | ширина = 500 | высота = 177]

Портал HiSoftware Cynthia Says — это решение для проверки доступности веб-контента. Он предназначен для выявления ошибок в вашем контенте, связанных со стандартами Раздела 508 и / или рекомендациями WCAG. Этот бесплатный инструмент, предназначенный для образовательных целей, представляет собой онлайн-тест, который проверяет только одну страницу за раз.

Функциональный оценщик доступности

[Img_assist | нидь = 2692 | название = | убывание = | ссылка = URL | URL = HTTP: //fae.cita.uiuc.edu/ | Align = нет | ширина = 500 | высота = 177]

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

Инструмент доступности WebAIM WAVE

[Img_assist | нидь = 2693 | название = | убывание = | ссылка = URL | URL = HTTP: //wave.webaim.org/ | Align = нет | ширина = 500 | высота = 177]

Джереми Сыдик предлагает вам использовать бета-версию 4.0 этого инструмента в сравнении с версией 3.0. Как и инструменты W3C, WAVE предлагает различные способы тестирования ваших страниц. « WAVE — это бесплатный инструмент оценки доступности веб-страниц, предоставляемый WebAIM . Он используется для помощи людям в процессе оценки доступности веб-сайтов. Вместо того, чтобы предоставлять сложный технический отчет, WAVE показывает исходную веб-страницу со встроенными значками и индикаторами, которые раскрывают информацию о доступности. на вашей странице. «

Расширение доступности Mozilla / Firefox

[Img_assist | нидь = 2694 | название = | убывание = | ссылка = URL | URL = HTTP: //firefox.cita.uiuc.edu/ | Align = нет | ширина = 500 | высота = 177]

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

Инструмент Клыки для Firefox

[Img_assist | нидь = 2695 | название = | убывание = | ссылка = URL | URL = HTTP: //www.standards-schmandards.com/projects/fangs/ | Align = нет | ширина = 500 | высота = 177]

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

Комплект анализа доступности Ruby

[Img_assist | нидь = 2696 | название = | убывание = | ссылка = URL | URL = HTTP: //www.standards-schmandards.com/projects/raakt/ | Align = нет | ширина = 500 | высота = 177]

Нравится Ruby, Rails, доступность? Почему бы не дать Ruby Accessibility Analysis Kit вихрь. « RAAKT — это набор инструментов для поиска основных проблем доступности в документах HTML. RAAKT может использоваться в автоматизированном процессе обеспечения качества для повышения осведомленности разработчиков о проблемах доступности и повышения скорости анализа доступности. RAAKT написан на Ruby и поэтому может быть легко интегрирован с Ruby on Rails . «

Тест веб-доступности

[Img_assist | нидь = 2697 | название = | убывание = | ссылка = URL | URL = HTTP: //www.tawdis.net/ | Align = нет | ширина = 500 | высота = 177]

TAW (Web Accessibility Test) is a tool for the analysis of Web sites, based on the W3C - Web Content Accessibility Guidelines 1.0 (WCAG 1.0). 
One of the things they offer is to allow you to choose which level of the WCAG standard you want to test for A, AA or AAA.

IBM aDesigner

[Img_assist | нидь = 2698 | название = | убывание = | ссылка = URL | URL = HTTP: //www.alphaworks.ibm.com/tech/adesigner/download | Align = нет | ширина = 500 | высота = 177]

aDesigner — это симулятор инвалидности, который помогает дизайнерам обеспечить доступность и использование своего контента и приложений для лиц с нарушениями зрения. Голосовые браузеры и программы чтения с экрана читают вслух текст на веб-страницах и используются людьми с нарушениями зрения. Тем не менее, эти устройства менее эффективны с определенными видами контента, такими как высокографический материал. Веб-разработчики могут использовать aDesigner для проверки доступности и удобства использования веб-страниц для слабовидящих и слепых людей. aDesigner также помогает пользователям проверять доступность документов ODF и содержимого Flash. Он также имеет функции проверки информации о доступности (MSAA / IA2).

С помощью вышеперечисленных инструментов у вас теперь есть огромный набор инструментов для разработки и дизайна веб-сайтов и приложений, которые соответствуют стандартам, а также достигают уровня доступности, требуемого вашей аудиторией. Если приведенный выше список вам не подходит, вы можете найти полный список бесплатных и коммерческих инструментов, которые вы можете использовать, по адресу
http://www.w3.org/WAI/ER/tools/ . И, конечно, если я пропустил то, что вы действительно считаете нужным, разместите заметку в области комментариев.