Тестирование доступности внешнего интерфейса
– Пандемия COVID-19 продемонстрировала необходимость международной координации усилий по обеспечению сбалансированной доступности таких средств accessibility это в интересах их максимально эффективного применения там, где они наиболее востребованы. Настоятельно призываем страны, располагающие запасами вакцин и других изделий, инициировать их безвозмездное предоставление в интересах предупреждения заражений, прерывания передачи инфекции и спасения жизней». Существует множество запросов, которые помогают определить операционную систему пользователя и настройки его браузера. Разработчики зачастую пользуются этими сведениями, чтобы задать такие настройки по умолчанию, как параметры движения или тёмный режим. Однако это может привести ко множеству ошибок, которые сложно воспроизвести, если на вашем устройстве нет таких настроек.
Интеграция инструментов в процесс проверки доступности вручную
Однако где-то по дороге значительное количество разработчиков или забыли об этом, или никогда об этом и не узнавали. Это не сделает ваш сайт или приложение полностью доступными, но это неплохой шаг в этом направлении. Далее мы подробно поговорим о каждом инструменте и технике. Потому что это было бы большим преимуществом для людей с плохим зрением.
Инструменты тестирования Accessibility
Accessibility Insights, как и axe DevTools, использует библиотеку axe, но некоторые функции отличают его от предыдущего инструмента. Этот сервис запускается на различных платформах, в том числе Android, Windows, а также в качестве браузерного расширения. Во всех версиях Accessibility Insights содержится нечто вроде проводника, позволяющего найти информацию о конкретном элементе и запустить автоматическую проверку. Веб-расширение содержит функцию оценки (Assessment), которая сочетает автоматизированные, полуавтоматизированные (пошаговые) и ручные методы тестирования. Новичкам может быть сложно построить сайт, доступный лицам с ограниченными возможностями.
Пять инструментов проверки доступности для вашего инструментария
Ручное тестирование доступности, проведенное правильно, позволяет найти большую часть проблем. Однако это занимает время, и его нужно проводить заново для каждой новой фичи сайта или приложения. Эти тесты могут быть неплохим смоук-тестом доступности, убеждающимся, что мы не сломали сайт или приложение. Однако cypress-axe неудобен для анализа страниц, уже имеющих проблемы доступности.
Зачем обеспечивать доступность контента
Для тех, кто предпочитает другой интерфейс выбора цветов, есть похожий инструмент Atul Varma, в котором вместо ползунков используется указатель цвета. Разработчик Адриан Розелли создал простой CSS-букмарклет, который проверяет, есть ли дубликаты у ARIA-ролей, и подсвечивает красным цветом ошибочные элементы. Есть ли определенная функция тестирования, которую вы хотите или нуждаетесь в инструменте тестирования? Дайте нам знать в комментариях, может быть, кто-то еще знает об инструменте, который может выполнить эту работу, или, может быть, вы будете мотивировать кого-то создавать их. Нужно прощёлкать по всем проблемам, чтобы увидеть подробности для каждого типа интерфейса aXe. Инструмент тестирования ориентиров ARIA кажется менее полезным, чем некоторые другие.
Точное тестирование доступности для разработчиков и дизайнеров
Web-доступность означает простоту использования сайта и его понимания людьми, имеющими визуальные, аудиальные, физические или когнитивные особенности. Знаете ли вы, что существуют специальные гайдлайны доступности для сайтов? Эти гайдлайны называются “Гайдлайны доступности веб-контента”, или WCAG. Они были созданы Web Accessibility Initiative, частью Консорциума World Wide Web (W3C).
Первым этапом при создании доступного сайта или веб-приложения является оценка его соответствия конкретным потребностям пользователей, в том числе лицам с теми или иными физическими и когнитивными ограничениями. Прежде чем начать работу над доступным сайтом, необходимо четко определить конкретные потребности вашей целевой аудитории. Сайт должен быть приведен в соответствие с рекомендациями, изложенными в Руководстве по доступности веб-контента (WCAG). Помимо предоставления доступных веб-сайтов для людей с ограниченными возможностями, тестирование веб-доступности имеет множество других преимуществ. Отметим, что в США необходимость тестирования веб-доступности закреплена на законодательном уровне.
- В связи с резким подъемом заболеваемости оспой обезьян в Демократической Республике Конго и соседних странах.
- К слову, упростить работу тестировщика по отладке поможет расширение для браузера Chrome LT Debug.
- NerdeRegion позволяет отследить эти объявления с указанием меток времени и их родительского элемента прямо в инструментах разработчика.
- Safari и Chrome – два моих главных браузера, иногда я использую Firefox для тестирования инструментов и двойной проверки некоторых проблем, например, таких как видимость клавиатуры.
Используйте ARIA-атрибуты правильно
Теперь, если веб-сайт плохо спроектирован и разработан, возможно (обычно такое случается), что челюсти не смогут правильно передать контент, что, в свою очередь, приведет к недоступности для слепых. (Скажем, если челюсти рассказывают ссылку как контент, то слепой пользователь никогда не сможет узнать, что это ссылка, и если это будет иметь решающее значение для этого веб-сайта, тогда 👍). В этом случае это приведет к большим потерям для веб-сайтного бизнеса. Magica11y позволяет проверить, какие настройки установлены у вашего пользователя. Вы можете выслать страницу документации тестировщикам без технического бэкграунда или встроить её в своё приложение, чтобы как можно более точно воспроизвести среду пользователя. Джаред Смит (Jared Smith) создал букмарклет, который превращает курсор в бокс с габаритами 44×44.
Этот контрольный список используется для подписания проверки доступности. Программный продукт может обслуживать этот большой рынок, если он сделан для инвалидов. Проблемы доступности в программном обеспечении могут быть решены, если Тестирование доступности является частью обычного жизненного цикла тестирования программного обеспечения. Тестирование доступности – это проверка того, насколько то или иное приложение доступно пользователям. При проведении тестирования должны учитываться все категории конечных пользователей.
Pa11y — это инструмент, предоставляющий настраиваемый интерфейс. Многочисленные опции настройки позволяют решать широкий спектр задач тестирования. К примеру, функция Actions позволяет пропустить некоторое количество действий, что полезно для тестирования экранов, которые требуют аутентификации. Hemingway Editor указывает, на какой уровень грамотности рассчитан ваш контент.
Расширение Safari будет работать на дополнительных защищенных веб-сайтах, которые блокируют букмарклеты JavaScript. AXe визуально не выделяет ошибки на странице, где они легко выделяются. Как и большинство инструментов, вы не найдете проблем с элементами, которые не работают на клавиатуре, например, div с событием JavaScript onclick.
Убедитесь, что все элементы на странице могут быть доступны и управляемы с помощью клавиатуры. Это важно для пользователей, которые не могут использовать мышь. Проверьте, что все интерактивные элементы, такие как ссылки, кнопки и формы, могут быть активированы с помощью клавиатуры и имеют логичную последовательность навигации. Если вы нашли крупные проблемы доступности, то они обычно вызваны или недостатком знаний, или победой эстетики над доступностью, или тем, что на разработчиков надавил другой отдел (к примеру, маркетинг). Если вы еще нуждаетесь в убеждении, или вам надо убедить кого-то еще в важности доступности, то рекомендую a11y.coffee в качестве введения.
Narrator лучше всего работает с Microsoft Edge, JAWS с Internet Explorer. Для мобильных устройств выбор ограничен операционной системой. Мы, как тестировщики, хотим, чтобы пользователи получили максимальное удовольствие от работы с нашим приложением.
IT курсы онлайн от лучших специалистов в своей отросли https://deveducation.com/ here.