Тестирование доступности часто игнорируется в повседневной работе. Сегодня мы сначала поговорим о тестировании доступности.

Что такое веб-доступность (доступность):

Сеть открыта для всех, и как тестировщик (и человек) мы несем ответственность за то, чтобы она была открыта для всех пользователей. Это, в свою очередь, будет существенно способствовать успеху бизнеса, поскольку мы стремимся сделать приложение доступным для каждого пользователя.

Это также повысит удовлетворенность пользователей и нашего бизнеса.

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

Что такое юзабилити-тестирование?

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

Кроме того, существуют определенные законы и рекомендации, которые необходимо соблюдать, когда дело доходит до тестирования доступности.

Доступность и закон

• Закон об американцах с ограниченными возможностями. Этот закон гласит, что все области, такие как общественные здания, школы и организации, должны сделать эту технологию доступной для всех.
• Разделы 504 и 508 Закона о реабилитации: Раздел 504 разрешает всем людям с ограниченными возможностями доступ к рабочим местам, образованию и другим организациям, а раздел 508 разрешает людям с ограниченными возможностями доступ к технологиям.
• Рекомендации по обеспечению доступности веб-содержания: Эти рекомендации предлагают некоторые подходы.,Может помочь улучшить доступность веб-сайта.

Рекомендуемые инструменты

# 1) QualityLogic

QualityLogic — один из лучших поставщиков услуг по тестированию доступности, где вы можете легко получить сертификацию WCAG 2.1 AA и AAA. Они известны тем, что имеют квалифицированных специалистов по тестированию WCAG, которые выполняют автоматическое, ручное и регрессионное тестирование, после чего они наградят вас сертификатом, подтверждающим, что ваш веб-сайт полностью соответствует стандартам WCAG.

Функции:

• Инженеры по контролю качества с нарушениями зрения являются важной частью команды проверки доступности QualityLogicвеб-сайт.
• Используйте автоматизированный тестинструмент для поиска таких ошибок, как ошибки HTML, структурные проблемы и т. д.
• Тест ручной работы проводится опытными специалистами WCAGtest.
• Создайте отчет о соответствии, содержащий сводку ошибок.
• Выполните регрессионный тест, чтобы обеспечить полное соответствие стандартам WCAG 2.1 АА и ААА.

Мифы о тестировании доступности сайта

Миф 1: Это дорого.

Факт: Профилактика всегда лучше, чем лечение, поэтому мы можем сократить расходы, учитывая вопросы доступности на этапе проектирования.

Миф 2. Преобразование недоступного веб-сайта в доступный — трудоемкий процесс.

Факт: мы можем расставлять приоритеты и удовлетворять только базовые потребности.

Миф 3: Доступность – это просто и скучно.

Факт: Доступность не означает, что веб-сайт должен содержать только текст. Мы также можем добавить изображения, чтобы сделать его более привлекательным, но с оговоркой: он должен быть доступен каждому.

Миф 4: Тестирование доступности предназначено для слепых и людей с ограниченными возможностями.

Факт: Программное обеспечение полезно всем, поэтому этот тест предназначен для всех пользователей.

Проблемы тестирования доступности

Вот некоторые распространенные проблемы или трудности, которые пытаются решить рекомендации по обеспечению доступности:

важность

• Предоставляйте услуги пользователям с ограниченными возможностями или трудностями удобным и эффективным способом.
• Увеличение доли рынка и охвата аудитории
• Повышение ремонтопригодности и эффективности
• Соответствовать существующим и будущим законодательным требованиям и оказывать помощь в соблюдении этических норм.
• Поддержка интернационализации
• Помогает получить доступ пользователям с низкой пропускной способностью.

В конечном итоге все выливается в «лучше бизнес – больше денег».

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

Доступность Интернета можно измерить с помощью Руководства по обеспечению доступности веб-контента (WCAG), созданного W3C. Лишь немногие другие департаменты также разработали свои собственные рекомендации, но они также следуют рекомендациям Инициативы по обеспечению доступности веб-сайтов (WAI).

Оцените доступность сайта:

В игру вступает множество факторов, таких как:

• содержание
• размер
• код
• язык разметки
• развиватьинструмент
• среда

Как всегда, хорошей практикой является внедрение методов веб-доступности на начальных этапах проекта. Исправление недоступного веб-сайта требует дополнительных усилий.

Вот несколько простых технических примеров:

• Проверьте заголовок страницы
• Альтернативный текст изображения («замещающий текст»)
• заголовок
• Контраст («Цветовой контраст»)..и т.д.

В определенной степени мы также можем использовать «инструменты оценки» для определения доступности. Есть некоторые вещи, например, помещается ли альтернативный текст в изображение, которые невозможно полностью оценить, но в большинстве случаев они работают.

Общие принципы веб-дизайна, которым нужно следовать

Веб-сайт в целом должен быть спроектирован таким образом, чтобы он соответствовал принципам удобства использования и доступности. У каждого свой стиль обучения и обработки информации, поэтому веб-сайт/продукт следует разрабатывать с учетом этого.

Вот некоторые основные стандартные принципы дизайна веб-сайтов:

№ 1) Координация:

Каждое действие и каждый человек в проекте должны быть скоординированы друг с другом. Люди должны помнить, что веб-сайты должны быть разработаны в соответствии с их собственными стандартами и стандартами W3C.

# 2) Выполнить:

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

№3) Лидерство:

Каждый должен знать об этих принципах и должен сообщить им, если у него возникнут проблемы с доступом к веб-сайту.

№4) Рассмотрите возможность посещения:

Нам необходимо следовать стандартам и в то же время мы можем думать о стандартах, которым следуют организации с ограниченными возможностями.

#5)Технические размеры:

Сайт должен быть разработан с учетом всех технических критериев.

6) Образовательные исследования:

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

№7) Социальная инклюзивность:

Не только в онлайн-мире, но и в реальном мире ко всем следует относиться одинаково.

Помимо этого здания, необходим и сайт POUR.

Теперь возникает вопрос, что означает POUR, и ответ следующий:

ощутимый:webПрезентация комплекта должна бытьощутимый。содержаниедолжно иметь смысл с точки зрения всех пользователей。

оперативный:Если пользователи могут легко перемещаться по сайту,Можно сказать, что сайт оперативный.

понятный:веб-сайтвсе включеносодержаниедолжен быть понятен любому типу пользователей。суммируя,Язык должен быть простым, а не сложным.

крепкий:Независимо от того, как меняются технологии и типы пользователей,содержание Все должнокрепкий。

Как провести тестирование доступности – пошаговое руководство

Это можно сделать, используя как ручные, так и автоматизированные методы тестирования.

ручной метод

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

Вот несколько способов вручную проверить доступность веб-сайта:

1) Мы можем использовать режим высокой контрастности:

Используя режим высокой контрастности, мы можем выделить содержимое веб-сайта. Когда мы включаем режим высокой контрастности, содержимое веб-сайта автоматически выделяется: оно становится белым или желтым, а фон становится черным.

Чтобы включить поиск в режиме высокой контрастности, установите «Режим высокой контрастности» в поле поиска.

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

После изменения настроек браузер будет выглядеть так.

После этого мы увидим, правильно ли отображается содержимое.

#2) Нет доступа к изображениям:

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

Вы можете закрыть браузер:

Internet Explorer:инструмент->InternetПараметры->передовой->Показать изображение(Снимите флажок)。

Firefox: откройте Firefox и введите about:config в адресной строке, вы получите результат, как показано ниже.

Настройки конфигурации Firefox

После появления этого экрана вам нужно найти «permission.default.image» и изменить значение от 0 до 1.

#3) Проверьте заголовок:исследоватьзаголовок Доступно ли это?,И убедитесь, что это очень наглядно. много раз,мы находим ссылку на странице Facebook,Изображение или видео может отображаться долго.,Но заголовок нам очень поможет.

#4) Отключив каскадные таблицы стилей (CSS): CSS в основном используется для описания представления документов. После закрытия мы можем проверить цвет фона, стиль текста и стиль отображения текста.

#5) Попробуйте использовать клавиатуру:Если вы геймер илиexcelэксперт,Тогда этот тест должен быть для вас проще. Старайтесь не трогать мышь,Используйте клавиатуру для доступа к веб-сайту.

Вы можете использовать клавишу «Tab» для переключения между ссылками‍

«Tab» + «Shift» вернет вас в исходное положение.

#6) Используйте метки полей:Полезно при заполнении форм,Метки полей — это то, что вы видите при просмотре шаблона. используя его,Люди могут заполнить необходимую информацию при регистрации или заказе чего-либо онлайн.

#7) Измените размер шрифта на большой.:Используйте крупные шрифты и постоянную доступность.исследовать。

#8) Пропустить навигацию:Это может быть полезно для людей с двигательными расстройствами.。нажавCtrl + «Домой» позволяет переместить фокус в верхнюю часть страницы.

#9) PDF-документы:Попробуйте сохранить как текстPDFдокумент,И проверьте, остался ли порядок содержания прежним.

#10) Отключив стили:отключить стили иисследоватьтабличныйсодержание Правильно ли они расположены?。

#11) Масштабирование контента:Попробуйте уменьшить изображение,Проверьте, читаем ли он.

Автоматизированное тестирование доступности

Поскольку автоматизация широко распространяется в мире тестирования, мы также можем использовать автоматизацию для проверок доступности. У нас есть несколько инструментов автоматического тестирования.

#1)aDesigner:оно сделано изIBMразвиватьиз,Для тестового программного обеспечения с точки зрения человека с нарушением зрения.

#2) WebAnywhere:он работает как программа чтения с экрана,Никакой специальной установки не требуется.

#3) Vischeck:этотинструментможет помочь нам воспроизводить изображения в различных формах,Таким образом, мы можем представить, как он будет выглядеть, когда к нему будут обращаться разные типы пользователей.

№4) Анализатор цветового контраста:этоисследовать Цветовые сочетания и анализ видимости。

#5) Hera:этоисследовать应用程序из风格,И предлагает многоязычные варианты.

#6)FirefoxРасширения специальных возможностей:Firefox允许你扩展этоиз功能。

Вы можете добавить его в расширение, доступное для надстроек Open Firefox. Это поможет вам протестировать отчеты, навигацию, текст ссылок и т. д.

Расширения специальных возможностей

Интерфейс менеджера плагинов

После нажатия на расширение вы получите возможность поиска плагинов.

#7) TAW Онлайн:это дает вам выбортестисследоватьпрограммное обеспечение, соответствует ли оно WCAG 1.0 или WCAG Разработаны руководящие принципы 2.0. Он также позволяет выбрать уровень анализа.

#8) Проверка доступности PDF-файлов:этоисследоватьPDFдокументиз可访问性。

Контрольный список тестов доступности/тестовые примеры/сценарии

Вот несколько моментов, которые следует проверить при проведении такого типа тестирования:

• Правильно ли написаны и размещены этикетки.
• Аудио/видео содержимое нормально слышно/видимо.
• Сохраняется ли цветовой контраст.
• Правильно ли работают действия по управлению видео.
• Если для меню предусмотрены короткие клавиши, то необходимо проверить, все ли они работают корректно.
• Если навигация между вкладками — простая задача, проверьте вкладки.
• Соответствует ли приложение всем принципам и рекомендациям.
• Является ли заголовок уникальным и способен передать смысл и структуру?
• Если текст ссылки написан с описанием содержания, это не создаст двусмысленности.
• Предоставлять ли содержательный мультимедийный заголовок.
• Есть ли четкие инструкции?
• Содержание понятно?、краткий、Легко понять.

Ниже приведены ключевые моменты доступности, которым должен соответствовать веб-сайт:

• Текст ссылки должен быть описательным. Пользователи с ограниченными возможностями по зрению получают доступ к веб-страницам, нажимая кнопки вкладок на клавиатуре и переходя от ссылки к ссылке. Поэтому крайне важно правильно определить описание ссылки. Убедитесь, что гиперссылка доступна с помощью клавиши табуляции.
• По возможности предоставляйте соответствующие изображения. Картины говорят громче слов. По возможности добавляйте в текст соответствующие изображения. Картинки могут описывать содержание веб-сайта, для пользователей с трудностями в грамотности.
• Используйте простой язык. Пользователи когнитивных нарушений испытывают трудности с обучением, и для них очень важно, чтобы предложения были простыми и легко читаемыми.
• Последовательная навигация. Ибо есть когнитивные Для пользователей нарушений,Последовательная навигация по странице также очень важна. Сохраняйте единообразие веб-сайта,Не изменяйте страницу регулярно,Это хорошая практика. Адаптация к новому макету требует много времени.,Это может оказаться трудным.
• Игнорируйте всплывающие окна. Люди, которые используют программы чтения с экрана для чтения веб-страниц,Всплывающие окна для них действительно неудобны. Программы чтения с экрана читают страницы сверху вниз.,И вдруг выскакивает окно,Читатели начнут читать его до фактического содержания. Это может сбить с толку пользователей с ослабленным зрением.
• CSS-макет. Веб-сайт на основе CSS более доступен, чем веб-сайт на основе HTML-кода.
• Разбивайте большие предложения на более мелкие. Слабовидящие пользователи слушают информацию на веб-странице и пытаются ее запомнить. Разбиение больших предложений на более мелкие и простые предложения поможет вам легче запоминать информацию.
• Не используйте текст субтитров. Избегайте замысловатого текста и делайте его простым.

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

Мы можем завершить вышеуказанные проверки путем проверки письменного контента, дизайна и методов разработки веб-сайта/приложения.

в заключение

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

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

Рекомендация оригинальной темы FunTester~

• оригинальная коллекция 2021 года
• оригинальная коллекция 2022 года
• Специальная тема по тестированию функций интерфейса
• Темы тестирования производительности
• классные темы
• Java、Groovy、Go、Python
• Одиночный тест&белая коробка
• Стиль сообщества FunTester
• Тестирование теории куриного супа
• Функция видео FunTester
• Распространение кейсов: решения, ошибки, сканеры
• Тема автоматизации пользовательского интерфейса
• Специальная тема об инструментах тестирования

-- By FunTester