Меню

Топ 20 інструментів тестування доступності для веб-додатків

  • Головна
  • Інший
  • Топ 20 інструментів тестування доступності для веб-додатків

top 20 accessibility testing tools

Спробуйте Наш Інструмент Для Усунення Проблем

Огляд найкращих інструментів та методів тестування доступності веб-сайтів на ринку:

Все, що вам потрібно знати Тестування веб-доступності було детально пояснено в нашому попередньому навчальному посібнику.

Доступність - це термін, що стосується доступності будь-якої програмної системи людям без фізичних вад чи з обмеженими фізичними вадами або такими, що включають наступне:

  • Порушення зору - дальтонізм, поганий зір, повна або часткова сліпота тощо
  • Порушення слуху - гіперакузія, глухота тощо
  • Нарушення навчання - дислексія
  • Когнітивні порушення - аутизм або будь-яка травма голови
  • Спритність, параліч, церебральний параліч тощо

Засоби перевірки доступності

Існує кілька спеціальних програмних засобів, які дотепер використовуються для перевірки доступності програмної системи.

Прочитавши цю статтю, ви зможете отримати інформацію про найпопулярніші засоби перевірки доступності.

Що ви дізнаєтесь:

Що таке тестування доступності?

  • В основному тестування доступності є підмножиною тестування юзабіліті.
  • Тестування доступності проводиться для того, щоб перевірити, чи доступна система навіть людям із фізичними вадами, згаданими вище.
  • Є кілька хороших додатків, які на крок попереду, щоб перевірити,
    • Продуктивність системи в районах з поганою комунікаційною інфраструктурою
    • Люди з меншою комп'ютерною грамотністю та обмеженим доступом
    • Люди, які все ще використовують старі системи без вдосконаленого обладнання

=> Рекомендувати прочитати Тестування веб-доступності

Що таке WCAG?

  1. WCAG - це скорочення від Настанов щодо доступу до веб-вмісту, опублікованих Ініціативою щодо веб-доступності (WAI) та Консорціумом всесвітньої павутини (W3C).
  2. WCAG - це набір керівних принципів, що визначають спосіб, яким слід дотримуватися для перевірки доступності системи, особливо для людей з обмеженими можливостями.
  3. Поточна версія WCAG опублікована у грудні 2008 року до цього часу.
  4. Деякі Принципи, визначені WCAG щодо доступності системи, є такими
    • Сприймається
    • Працює
    • Зрозуміло
    • Міцний

Наступні завдання перевіряються засобами перевірки доступності:

  1. Текст описового посилання
  2. Уникайте спливаючих вікон
  3. Маленькі та прості речення
  4. Проста мова
  5. Легка навігація
  6. Використання макетів CSS замість HTML

Відповідно до робочих специфікацій, засоби перевірки доступності класифікуються як:

  1. Програмне забезпечення для зчитування з екрану: Прочитайте вміст на екрані
  2. Програмне забезпечення для розпізнавання мови: Перетворює вимовлені слова в текст
  3. Спеціальна клавіатура: Простота набору тексту за допомогою цієї клавіатури, особливо людям з вадами моторики
  4. Програмне забезпечення для збільшення екрана: Присвячений користувачам із вадами зору, таким чином, він використовується для збільшення дисплея таким чином, що читання стане легшим

Зараз ми розглянемо деякі Інструменти тестування доступності по черзі, які полегшують цей процес.

**********************

= >> Повідомте нас якщо ви хочете додати будь-який інший інструмент у списку.

**********************

Найкращі інструменти та рішення для тестування веб-доступності

Ось список найкращих інструментів для ручного та автоматизованого тестування доступності для веб-програм та мобільних додатків.

# 1) ХВИЛЯ

Хвиля логотип

  • WAVE - це інструмент, розроблений WebAIM для оцінки доступності веб-вмісту
  • Інструмент WAVE доступний в Інтернеті, а панель інструментів WAVE призначена для браузера Firefox
  • Це інструмент оцінки доступності Інтернету, який оцінює доступність веб-вмісту, коментуючи копію веб-сторінки
  • Він виконує оцінку доступності самого браузера і не зберігає нічого на сервері
  • WAVE також містить деякі рекомендації щодо подолання проблем доступності в системі

=> Хочете дізнатись більше про цей інструмент, ми маємо детальний опис тут

Офіційне посилання: ХВИЛЯ

# 2) СКЛАДИ

Логотип JAWS

  • JAWS (Job Access With Speech) - це інструмент, розроблений Freedom Scientific, який використовується як рішення для сліпоти
  • Це найпопулярніший зчитувач екрану для клієнтів, які втратили зір
  • Деякі хороші особливості JAWS включають два багатомовних синтезатори Viz. Красномовство та виразність вокалізатора
  • Працює з IE, Firefox та Microsoft Office, а також підтримує Windows за допомогою жесту на сенсорному екрані
  • Швидкий доступ до інформації та економія часу за допомогою функції швидкого читання
  • Підтримує MathML-вміст IE, а його функція OCR забезпечує доступ до тексту та документів PDF
  • Забезпечує Шрифт Брайля введення з брайлівської клавіатури, а також включає драйвери для брайлівського дисплея

Офіційне посилання: Щелепи

# 3) Dynamapper

Логотип DynoMapper

як запустити файл .jar
  • Dynomapper - це візуальний генератор файлів Sitemap 4 типів за замовчуванням, коло, дерево та папка
  • Він оцінює вміст HTML веб-сайту і може створювати карту сайту з будь-якої URL-адреси
  • Він імпортує XML-файли для створення карти сайту
  • Він також забезпечує інвентаризацію та аудит вмісту для фільтрації сторінок, файлів, зображень тощо.
  • Володіє розширеними параметрами сканера для упорядкування посилань та переходу за субдоменами
  • Ви можете редагувати та налаштовувати карти сайту за допомогою кольорів та встановлювати його на максимальний рівень

Офіційне посилання: Динамапер

# 4) SortSite

Логотип SortSite

  • SortSite - це популярний інструмент тестування досвіду користування одним кліком для Mac, OS X та Windows
  • Оцінює доступність веб-сайту на основі стандартів доступності, таких як контрольно-пропускні пункти WCAG 2.0 110, WCAG 1.0 85, контрольно-пропускні пункти розділу 508 15 US 47
  • Сумісний з IE, настільним браузером та мобільним браузером
  • Перевіряє орфографію англійською та французькою мовами та нестандартний словник для слів
  • Перевіряє наявність кодів помилок HTTP та помилок сценарію
  • Перевіряє HTML, CSS та XHTML

Офіційне посилання: SortSite

# 5) Перевірка доступності від CKSource

Логотип перевірки доступності

  • Перевірка доступності створена у Редактор CKE що перевіряє рівень доступності
  • Допомагає швидко вирішити проблеми з доступністю завдяки оптимізованому інтерфейсу користувача
  • Оцінює доступність у 3 етапи, такі як перевірка вмісту, повідомлення про проблеми, виправлення проблеми
  • Проблеми класифікуються як Помилка, Попередження та Повідомлення
  • Надає механізм перевірки доступності для гнучкості
  • Швидке виправлення функція автоматично усуває поширені проблеми та економить час
  • Ви також можете додати зміни вручну відповідно до вимог. Це можна зробити за допомогою Режим прослуховування особливість

Офіційне посилання: Перевірка доступності від CKSource

# 6) Доступність Valet

AccessibilityValet

  • Доступність Valet поставляється з безкоштовною, а також платною підпискою і дозволяє перевірити доступність за стандартами W3C WCAG або Розділом 508
  • Доступ до однієї URL-адреси за раз можна отримати за допомогою безкоштовної підписки
  • Якщо ви хочете оцінити декілька URL-адрес, вам слід вибрати платну підписку
  • Підтримує HTML-звітність, представлену у нормалізованій формі, виділяючи дійсну та підроблену розмітку для кращої диференціації
  • Крім того, допомагає розпізнати недоречний вміст
  • Звіти відображають необхідні попередження про доступність

Офіційне посилання: Доступність Vallet

# 7) EvalAccess 2.0

EvalAccess 2.0

  • EvalAccess 2.0 - це інструмент для оцінки веб-доступності WCAG 1.0, а також відповідності Розділу 508
  • Цей інструмент розроблений та розроблений Університет країни Басків в Іспанії
  • Якщо ви хочете оцінити декілька URL-адрес, вам слід вибрати платну підписку
  • EvalAccess 2.0 може оцінювати як одну веб-сторінку, так і весь веб-сайт
  • Він надає 3 методи оцінки веб-доступності, такі як
  • Оцініть одну URL-адресу
  • Оцініть весь веб-сайт
  • Оцініть розмітку HTML
  • Відображає кінцевий результат у простому форматі звіту та не вимагає установки мурашки

Офіційне посилання: EvalAccess 2.0

# 8) AChecker - перевірка доступності

AChecker

  • AChecker - це інструмент оцінки доступності з відкритим кодом, розроблений Центром досліджень інклюзивного дизайну, який спочатку був відомий як Центр ресурсів адаптивних технологій
  • Ви можете оцінити доступність, просто ввівши URL-адресу або завантаживши HTML-файл
  • AChecker надає можливість вибору таких вказівок, як описано нижче
    • WCAG 2.0
    • WCAG 1.0
    • Розділ 508
    • HTML-валідатор
    • BITV 1.0
    • Закон про Станку
  • Ви також можете вибрати формат звіту відповідно до ваших вимог
  • AChecker можна використовувати в Інтернеті, а також завантажити та встановити його

Офіційне посилання: Ачекер

# 9) Каже Синтія

Сінція каже

  • Cynthia Says - це безкоштовне онлайн-рішення для перевірки веб-доступності на відповідність WCAG 1.0 та Розділу 508
  • Використовувати його просто, оскільки ви просто вводите веб-адресу сайту для запуску тесту доступності
  • Звіт відображає перелік розділу під 508 рекомендацій, а також статус того, що ваш веб-сайт відповідає або не відповідає кожному з цих правил
  • Синтія Сайс відстежує точне розташування елемента, де тест не вдався
  • В даний час він тестує веб-сайт на WCAG 1.0 і ще не оновлений для WCAG 2.0

Офіційне посилання: Сінція каже

# 10) aДизайнер

aДизайнер

  • ACTF aDesigner на базі Eclipse популярний як симулятор інвалідності для оцінки доступності веб-сайту для людей із вадами зору
  • Текст на веб-сторінці читається чітко за допомогою поєднаного використання Voice Browser та Reader з екрана
  • Цей інструмент перевіряє доступність вмісту Flash та документів ODF (Відкритий формат документа для програми Office). ODF - це, як правило, XML-формат файлів для електронних таблиць, діаграм тощо.
  • Але існують деякі обмеження, з якими стикається його використання, коли мова йде про високоякісну графіку
  • aDesigner оснащений функцією перевірки інформації про доступність
  • Цей інструмент призначений для користувачів із вадами зору та сліпими

Офіційне посилання: aДизайнер

# 11) aViewer (програма перегляду доступності)

aViewer

  • aViewer - це інструмент перевірки доступності, розроблений Пацієлогічна група для Windows, які відображають інформацію про API доступності
  • API доступності включає HTML DOM (об'єктну модель документа), MSAA, ARIA, iAccessible2 та UI Automation
  • Властивості UI Automation призначені лише для підтримуючих браузерів, таких як Internet Explorer
  • Властивості IA2 підтримуються у Firefox та Chrome, але не в Internet Explorer
  • Ви можете завантажити aViewer з GitHub безкоштовно

Офіційне посилання: aViewer

веб-драйвер селену з прикладом огірка в затемненні

# 12) Аналізатор контрастності кольорів

Аналізатор кольорового контрасту

  • Як і дизайнер, аналізатор кольорових контрастів також розроблений Paciellogroup для Windows Mac OS і OS X.
  • Він використовується для визначення розбірливості тексту та контрасту кольорів для графічних та візуальних елементів веб-сторінки
  • Функція візуального моделювання підтримується лише для Windows
  • Цей інструмент виконує оцінку контрастних елементів відповідно до критеріїв успіху кольорового контрасту WCAG 2.0
  • Інструмент призначений для користувачів із вадами зору та дальтонізмом
  • Цей інструмент доступний на GitHub для безкоштовного завантаження

Офіційне посилання: Аналізатор кольорового контрасту

# 13) Оцінювач функціональної доступності (FAE) 2.0

FAE

  • FAE оцінює веб-доступність веб-сторінок на відповідність WCAG 2.0 рівня A та AA
  • Правила, зазначені в FAE 2.0, базуються на бібліотеці оцінки OpenAjax
  • Правила FAE відповідають специфікаціям доступності відповідно до W3C Accessible Rich Internet Application (ARIA) та HTML5
  • FAE використовується у поєднанні з бічною панеллю AInspector для Firefox
  • Цей інструмент постачається із букмакетами доступності для легкого розуміння проблем доступності

Офіційне посилання: Функціональний оцінювач доступності

# 14) Тенон

Тенон

  • Tenon оцінює веб-доступність на відповідність WCAG 2.0 та VPAT (розділ 508)
  • Tenon використовує деякі API, які можна легко інтегрувати з інструментом, який ми використовуємо для модульного тестування, приймального тестування, системного тестування та відстеження проблем
  • В даний час API Tenon доступні для вирішення наступних проблем доступності
    • Поле штату / провінції TEN-850 на екрані оформлення замовлення не має мітки
    • Діаграми результатів TEN-1726 є неструктурованими та заплутаними
    • TEN-1861 Немає ефективної альтернативи для діаграм на інформаційній панелі
    • Пастка для клавіатури TEN-1862, яка намагається висунути табуляцію з поля 'Тестувати зараз' на інформаційній панелі
    • TEN-1860 Немає видимого фокусу в меню 'Мій обліковий запис'
  • Врешті-решт, Tenon API повертає результат тесту у форматі JSON String, який містить ResultSet вузол, що містить масив проблем

Офіційне посилання: Тенон

# 15) Панель інструментів веб-доступності (WAT) для IE

ЩО

  • Це інструмент тестування веб-доступності, розроблений Paciellogroup
  • Він використовується для ідентифікації веб-вмісту та компонентів веб-сторінки
  • Панель інструментів WAT доступна в Windows та Vista 7 або 8, але призначена для Internet Explorer (IE)
  • Деякі функції панелі інструментів базуються на онлайн-ресурсах, таких як Javascript, CSS та зображення
  • Він забезпечує альтернативні перегляди поточної веб-сторінки, а також дозволяє використовувати іншу сторонній онлайн-додаток
  • Цей інструмент доступний безкоштовно на GitHub, але в даний час не активно розробляється

Офіційне посилання: Панель інструментів веб-доступності

# 16) сокира

вісь

  • ax - безкоштовний інструмент перевірки доступності з відкритим кодом від Deque Systems для Chrome та Firefox
  • Ви можете додати розширення сокири для Chrome або розширення сокири для Firefox, щоб проаналізувати веб-вміст
  • Остаточний результат тесту відображається у вигляді списку проблем доступності із посиланням, на яке ви можете клацнути, щоб отримати додаткову інформацію щодо кожної проблеми
  • ax показує точну частину коду, яка спричинила проблему, разом із рішенням для її виправлення
  • Він показує серйозність кожного виявленого питання та аналізував порушення доступності для дотримання WCAG 2.0 та Розділу 508
  • інструмент ax дозволяє проводити ручне тестування доступності за допомогою програми Screenreader для деяких областей

Офіційне посилання: вісь

# 17) Бічна панель інспектора (розширення доступності Firefox)

AInspector

  • Бічна панель AInspector - це в основному панель інструментів Firefox, яка використовується для перевірки веб-вмісту на предмет її доступності
  • Це інструмент оцінки веб-доступності для Firefox, який оцінює доступність веб-вмісту на відповідність WCAG 2.0 та стандартам ARIA
  • Він показує меню «Еквівалент тексту» та формує список зображень та посилань для перевірки стандартів доступності
  • За допомогою цього розширення можна запускати сторонні програми, такі як W3C HTML Validator та Link Checker

Офіційне посилання: Бічна панель AInspector

# 18) ТАВ

ТАВ

  • TAW - це інструмент тестування доступності, розроблений CTIC Centro Tecnólogico, який оцінює веб-доступність на основі WCAG 1.0 і 2.0, як і інші інструменти тестування доступності. Ви можете просто ввести URL-адресу свого веб-сайту для аналізу доступності
  • TAW пропонує TAW3 Analysis Engine кілька інструментів з різним використанням, таких як TAW3 Standalone for Desktop, TAW3 Web Start для програмного забезпечення на базі Java та TAW3 With a Click - це онлайн-служба, яка використовується як розширення Firefox
  • TAW чітко позначає проблеми доступності разом із рекомендаціями щодо їх вирішення

Офіційне посилання: ТАВ

# 19) Інспектор веб-доступності

Інспектор веб-доступності

  • Інспектор веб-доступності - це інструмент перевірки доступності, розроблений Fujitsu для настільних додатків
  • Ви можете вказати URL-адресу сайту або пункт призначення файлу, де він знаходиться
  • Ви можете побачити веб-сторінку на екрані браузера з позначенням на елементах, де сталася проблема доступності
  • Він підтримує Windows та Mac OS X і призначений для літніх або людей із вадами зору

Офіційне посилання: Інспектор веб-доступності

# 20) Інструменти розробників доступності від Google

Інструменти розробника доступності

  • Це розширення Chrome, яке додає перевірку доступності та бічну панель до Інструментів розробника Chrome
  • Для використання аудиту доступності ви можете знайти його на вкладці аудиту та запустити
  • Для використання панелі бічної панелі вам потрібно перевірити елементи веб-сторінки
  • Це розширення оновлено новою версією, яка включає нові правила аудиту, узагальнені атрибути ARIA, вдосконалені логічні подання для чіткого тексту посилання тощо

Офіційне посилання: Інструменти розробників доступності від Google

Окрім цих інструментів, на сьогодні є деякі інші інструменти, популярні як інструменти тестування доступності, давайте подивимось на них

# 21) Перевірте Мої кольори

Цей інструмент використовується для перевірки кольорів переднього та заднього планів вашого веб-сайту та його елементів DOM. Цей інструмент особливо використовується для визначення кольорових дефектів веб-сайтів для людей, які страждають на дефіцит кольорового зору.

Офіційне посилання: Ось

# 21) Кольоровий оракул

Це безкоштовний інструмент, що використовується як симулятор дальтонізму для Windows, Mac і Linux. Він показує деякі передбачення кольорових дефектів, коли їх переглядають користувачі з порушеннями кольорового зору.

Офіційне посилання: Ось

# 23) Adobe Dreamweaver

Adobe Dreamweaver постачається з функцією доступності, яка пропонує підтримку зчитувача екрана, підтримку доступності операційної системи та навігацію по клавіатурі.

Офіційне посилання: Ось

# 24) OCAWA

Складається з різноманітних правил доступності для оцінки доступності веб-сторінок за сторінками або за допомогою запрограмованих сценаріїв. Він складається з 3 модулів, таких як Ocawa Automatic, Ocawa Assistant та Ocawa Eclipse Plug-in.

Офіційне посилання: Ось

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

Висновок

Доступність будь-якої програмної системи є набагато важливим елементом для перевірки, оскільки вона використовує продукт для використання усіма, особливо користувачами з фізичними вадами.

Сьогодні велика кількість людей з обмеженими фізичними можливостями значно використовує програмні продукти для своєї повсякденної роботи, а Інструменти перевірки доступності роблять веб-сайти все більш доступними для них. Інструмент перевірки доступності слід вибирати відповідно до вимог вашого сайту та бюджету.

Пропоноване читання = >> Найкращі компанії з тестування доступності

У майбутньому може бути враховано більше концепцій доступності, оскільки передбачається впровадження більш інноваційних та вдосконалених інструментів. Поки що ми переглянули деякі широко використовувані засоби тестування доступності разом із коротким уявленням про те, що саме означає доступність.

***********************

= >> Повідомте нас якщо ви хочете додати будь-який інший інструмент у списку.

**********************

питання співбесіди для довідкової служби

НАЗАД Підручник | НАСТУПНИЙ підручник

Рекомендована література

^