Доступность контента и отображение информации на сайте чрезвычайно важна. Говоря простым языком, что хорошего может сделать то, что находится у вас на сайте, если определенные люди не смогут увидеть это? Конечно, этот новый модный дизайн с мелким шрифтом и малоконтрастными цветами для вас и ваших друзей выглядит классно, но вот что насчет тех, у кого слабое зрение, или тех, кто не различает некоторые цвета, или тех, у кого какие-либо другие проблемы со зрением — они ведь просто не смогут ничего найти, не говоря уже о том, чтобы прочитать хоть что-нибудь на вашем сайте. Вам надо, даже не «надо», а вы ДОЛЖНЫ сделать свой сайт доступным для как можно большего числа посетителей.

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

Проверка сайта на отображение

WAVE

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

IDI

IDI Web Accessibility Checker (проверка доступности сайта) проверяет веб-страницы на соответствие стандартам доступности сайтов для того, чтобы убедиться, что все имеют доступ к содержимому проверки сайта.

Vischeck

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

Colour Contrast Check

Colour Contrast Check позволяет выбрать основной и фоновый цвета и посмотреть, достаточно ли они контрастные, когда на них смотрит тот, кто страдает цветовой слепотой, а также насколько они контрастны на черно-белом экране.

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

mobiReady

mobiReady — механизм для оценки подготовленности сайта для просмотра на экранах мобильных устройств, который использует промышленную практику и стандарты. Он выдаст вам бесплатный отчет с оценкой (от 1 до 5) и подробным анализом веб-страниц для того, чтобы определить, насколько хорошо сайт подходит для просмотра на экранах мобильных устройств.

Stanford Web Accessibility Checker

Stanford Web Accessibility Checker — это программный инструмент, который анализирует ваши веб-страницы и проверяет их на наличие возможных препятствий для того, чтобы они соответствовали стандартам доступности. Вы можете указать ему адрес страницы, которую необходимо проверить, либо отправить рабочий файл на оценку. В результате проверки вы получите отчет со всеми возможными проблемами с доступностью по выбранным вами категориям.

Check My Colours

Check My Colours является инструментом для проверки комбинаций основного и фонового цвета всех элементов Объектных Моделей Документов (DOM) и определения того, имеют ли они достаточный контраст для тех, кто не различает некоторые цвета.

Lynx Viewer

Lynx Viewer позволяет вам увидеть ваши страницы так, как они выглядят в текстовом браузере Lynx. Он также продемонстрирует Вам как поисковые системы видят ваш сайт. Вдобавок к этому, он поможет определить насколько Ваши страницы доступны для людей с проблемами зрения.

Quick Page Accessibility Tester

Quick Page Accessibility Tester является букмарклетом, кликнув на который в любое время вы сможете получить быстрый анализ ваших веб-страниц. Он выделит явные проблемные моменты на вашей странице, предупредит о возможных проблемах, а также выделит те области, доступность которых можно улучшить с помощью средств стандарта доступности активных Интернет-приложений (ARIA).

Проверка сайта на доступность

GrayBit

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

Accessibility Color Wheel

Accessibility Color Wheel позволит вам увидеть какую доступность имеет та или иная цветовая пара. Выберите основной и фоновый цвет, указав мышкой цвет на шкале или на полосе серого цвета и кликнув на вашем выборе. Если в ответ вы получите «ОК», то это значит, что данная цветовая пара подходит с точки зрения доступности. В обратном случае, вы сможете изменять один или оба цвета пока не получите подходящий результат («ОК»).

HERA

HERA является инструментом для проверки сайта на  соответствия доступности ваших веб-страниц спецификациям «Рекомендаций по общедоступности веб-контента» (WCAG). HERA проводит серию проверок ваших веб-страниц, определяет любые, которые возможно обнаружить в автоматическом режиме, ошибки, или отдельные пункты, которым соответствуют страницы, а также показывает те пункты, которые требуют ручного подтверждения.

Accessibility Valet

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

Cynthia Says

Cynthia Says — это инструмент оценки доступности на сайте контента, который находит ошибки в вашем дизайне, имеющие отношение к Разделу 506 стандартов и Рекомендациям WCAG.

TAW

TAW является инструментом для анализа ваших веб-страниц, который основывается на Рекомендациях по общедоступности веб-контента 1.0 от W3C. В дополнение к он-лайн инструменту, есть возможность загрузить отдельное ПО.

WebAnywhere

WebAnywhere («Веб повсюду») — это не визуальный интерфейс, который позволит вам обращаться к своим страницам так, как к ним обращаются такие программы для чтения экрана, как JAWS или Windows-Eyes.

Colour Contrast Analyser

Colour Contrast Analyser — это расширение для браузера Firefox, которое составляет список комбинаций цвета, используемых на ваших веб-страницах. Он размещает цвета в таблице, которая суммирует основной цвет, цвет фона, степень яркости/контрастности, а также разницу между цветом и яркостью.

WAT

WAT встраивается в качестве дополнительной панели инструментов в Internet Explorer и помогает Вам вручную проверить ваши веб-страницы на различные аспекты их доступности.

Firefox Accessibility Extension

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

Accessibility Favelets

Accessibility Favelets — это сборник букмарклетов, который поможет вам с вопросом доступности в вашей работе над веб-страницами. Они представляют собой небольшие скрипты, которые вы сохраняете (например, в виде закладок в браузере), а потом можете использовать для проверки доступности на одной из ваших веб-страниц.

Какие полезные инструменты используешь ты?

Теперь обменяемся опытом: какие инструменты для работы с доступностью вашего сайта ты считаешь самыми необходимыми? У тебя есть какие-нибудь полезные советы относительно доступности? Может мы пропустили какого-либо явного кандидата в этот список? Не стесняйтесь и поделитесь полезными дополнениями в комментариях.

Источник

ВСЕ ДЛЯ НОВИЧКА

Проверка сайта