wave accessibility testing tool tutorial
Підручник із Інструменту веб-доступності WAVE: Як використовувати розширення WAVE Chrome та Firefox
Панель інструментів веб-доступності було детально пояснено в нашому попередньому навчальному посібнику. Цей підручник є продовженням першого з цієї серії, перевірте його тут - Тестування веб-доступності - частина 1 .
У цьому навчальному посібнику ми розглянули кілька основних понять, що таке доступність і як її можна оцінити за допомогою інструментів тестування доступності.
У цьому підручнику ми побачимо ще кілька інструментів доступності, таких як панель інструментів WAVE, інструмент доступності JAWS, методи та деталі.
(зображення джерело)
Що ви дізнаєтесь:
ХВИЛЯ(Інструмент оцінки веб-доступності)
Інструмент WAVE - це інструмент оцінки доступності в Інтернеті - панель інструментів для Браузер Firefox.
Важливо зазначити, що WAVE не може сказати вам, чи доступний ваш веб-вміст; тільки людина може визначити справжню доступність. Але WAVE може допомогти вам оцінити доступність вашого веб-вмісту.
Вся оцінка відбувається безпосередньо в браузері, і жодна інформація не надсилається на сервери WAVE. Це забезпечує 100% приватну та безпечну звітність про доступність.
Для завантаження панелі інструментів веб-доступності WAVE перейдіть на http://wave.webaim.org/toolbar/ і завантажте його у F браузер irefox . Переконайтеся, що ви відкрили URL-адресу для завантаження у браузері Firefox, оскільки панель інструментів WAVE підтримує лише Firefox.
Як користуватися панеллю інструментів WAVE Web Accessibility
Нижче наведені функції, якими ми можемо користуватися під час роботи у браузері Firefox:
різниця між c ++ та java - -
# 1) Виберіть веб-сайт http://www.easports.com/ , потім клацніть на “Помилки, функції та попередження”, ви знайдете сторінку з попередженнями про доступність та помилками жовтого кольору. Наведіть курсор на зображення, щоб побачити деталі сповіщень.
( Примітка : натисніть на будь-яке зображення для збільшення)
# два) Тепер натисніть «Структура / Перегляд замовлення», і ви отримаєте сторінку з деталями вбудованого кадру.
# 3) Тепер натисніть «Перегляд лише для тексту», сайт буде відображатися без зображень, стилів та макетів.
# 4) Піктограми «Вигляд контуру» на панелі інструментів повідомлять вам, чи заголовки впорядковані чи ні.
# 5) Значок «Скинути сторінку» оновить сторінку.
# 6) Натискання кнопки «Вимкнути стиль» призведе до видалення стилів CSS зі сторінки.
# 7) Кнопка «Клавіша піктограм» відобразить список усіх піктограм WAVE з додатковими деталями, інформацією та рекомендаціями.
Ви також можете оцінити доступність веб-сайту, не завантажуючи інструмент хвилі, і безпосередньо використовувати його в Інтернеті.
Кроки для перевірки доступності веб-сайту
Крок 1) Клацніть на URL: http://wave.webaim.org/
Крок No2) Введіть Адреса веб-сторінки в текст коробці і натисніть Enter. Ми збираємось використовувати з як приклад. Тож введіть сайт www.facebook.com у текстове поле та натисніть на кнопку введення.
Крок No3) Ви знайдете короткі відомості в лівій частині навігації.
- Помилки відображатимуться червоним кольором із підрахунком. У моєму випадку це відображається як 13.
- Сповіщення відображатимуться жовтим кольором з рахунком 13.
- Характеристики мали б зелений колір з рахунком 10.
- Структурних елементів буде 6 блакитного кольору.
- HTML5 та ARIA мали б 15 фіолетових кольорів.
- Помилки контрасту становитимуть 14 чорного кольору.
Натискання кожного значка дасть вам більше інформації про елементи, як показано вище для сповіщення (в центрі сторінки).
Тепер давайте розглянемо іншу категорію інструментів:
який найкращий сайт для перегляду аніме
Безкоштовні перевірки доступності веб-сторінок:
Ще декілька найкращих інструментів перевірки доступності до Інтернету:
- Засіб оцінки доступності з відкритим кодом AChecker
- PowerMapper
- Доступність Valet
- EvalAccess
- МАГЕНТА
Інструменти для інвалідності зору
Порушення зору означає втрату зору. Існують різні види вад зору:
- Сліпота
- Слабкий або обмежений зір
- Дальтонізм
Користувачі з вадами зору використовують допоміжне програмне забезпечення, яке читає вміст вголос.НаприкладJAWS для операційних систем Window, NVDA для операційних систем Window, Voice Over для Mac. Користувач UA зі слабким зором може також збільшити текст за допомогою налаштувань браузера або чудових налаштувань операційної системи. Ми збираємось вивчити ці функції за допомогою луп та інструментів JAWS.
А) Лупи
1) Збільшити лупу тексту збільшує все на екрані комп’ютера та полегшує перегляд та використання програми. Ви можете завантажити його з це посилання .
Щоб добре зрозуміти, як це працює, настійно рекомендуємо завантажити безкоштовну пробну версію та експериментувати.
два) Лупа вікна також збільшує різні частини екрана. Ми можемо відкрити його, натиснувши кнопку «Пуск» на робочому столі, а потім набрати лупу. Клацніть на програму Лупа. Коли ви наводите курсор миші на веб-сторінці, цей інструмент збільшує розмір екрана та відображається.
безпечний протокол системи передачі файлів і порт
3) Сліпі користувачі комп’ютерів, які не можуть користуватися звичайним монітором комп’ютера, для читання виводу тексту використовують оновлюваний дисплей Брайля або брайлівський термінал.
Згідно з Вікіпедія , оновлюваний дисплей Брайля або брайлівський термінал - це електромеханічний пристрій для відображення символів Брайля, як правило, за допомогою шпильок із круглими наконечниками, піднятих через отвори на рівній поверхні.
B) JAWS - доступ до роботи з мовою
JAWS - це програма зчитування з екрану, яка використовується для тестування веб-сторінок в операційній системі Windows, що дозволяє користувачам з пошкодженнями зору читати екран. JAWS підтримує всі версії операційних систем, а також забезпечує оновлюваний дисплей Брайля.
Нижче наведено команди клавіатури для використання JAWS:
Основними функціями, які перевіряються за допомогою JAWS, є:
- JAWS надає кількість натискань клавіш для навігації веб-сторінками. Наприклад, клавіші зі стрілками, клавіші сторінки вгору та вниз, головний екран, кінець та декілька інших навігаційних клавіш JAWS.
- Посилання, зображення та карти зображень: JAWS забезпечує натискання клавіш для переходу від одного посилання до іншого на веб-сторінці.
- Поля форми HTML та елементи керування : JAWS забезпечує натискання клавіш для навігації між елементами форми
- HTML-кадри : Переміщення кадрів за допомогою клавіатури.
- Столи : Навігація комірок таблиці
Це короткий огляд різних методів та інструментів, які використовуються для оцінки доступності.
Поради щодо перевірки доступності для розробників та тестувальників
- Чи всі активні зображення містять текст заміщення, який вказує на те, що робить посилання чи кнопка?
- Чи всі декоративні зображення та зайві зображення мають нульовий (alt = ””) текст заміщення?
- Чи всі інформаційні зображення містять текст заміщення, який надає ту саму інформацію, яку надавали зображення?
- Сторінка організована за заголовками? Вони позначені як заголовки?
- Чи можете ви отримати доступ до всього за допомогою клавіатури?
- Чи буде ваша сторінка читатися в логічному порядку в програмі зчитування з екрана?
- Чи зрозуміло, який елемент фокусується під час використання клавіатурного доступу?
- Чи вся важлива інформація у відео доступна за допомогою стандартного звуку або за допомогою доданого аудіоописання?
Команда розробників можуть переконатися, що їх продукт відповідає доступності, шляхом перевірки коду та модульного тестування.
Типові тести:
- Переконайтесь, що всі функції доступні лише за допомогою клавіатури (не використовуйте мишу)
- Переконайтесь, що інформація відображається, коли налаштування дисплея змінено на режими високої контрастності.
- Переконайтесь, що інструменти для читання з екрана можуть читати весь доступний текст, а кожне зображення / зображення має відповідний альтернативний текст.
- Переконайтеся, що визначені продуктом дії клавіатури не впливають на доступність комбінацій клавіш.
Висновок
Доступ до Інтернету пропонує безліч можливостей для користувачів з обмеженими можливостями. Однак ми повинні визнати той факт, що важко забезпечити повний доступ до будь-якого виду інвалідності або труднощів, які можуть перешкодити користувачеві отримати доступ до вмісту веб-сайту.
Можна зробити кроки, але це може бути не на 100%. Якщо ми дотримуємось стандартів, викладених у цій статті, на початковій стадії розробки, ми можемо легко створити доступний веб-сайт для більшості користувачів.
Не соромтеся пропонувати додаткові інструменти та поради щодо перевірки доступності в коментарях нижче.
НАЗАД Підручник | ПЕРШИЙ підручник
Рекомендована література
- WAT (Панель інструментів веб-доступності) Підручник з тестування доступності
- Підручник з тестування доступності (повний покроковий посібник)
- Поглиблені підручники Eclipse для початківців
- Підручник Geb - Тестування автоматизації браузера за допомогою інструмента Geb
- Найкращі засоби тестування програмного забезпечення 2021 р. (Інструменти автоматизації тестування якості)
- Топ-20 засобів тестування доступності для веб-додатків
- Підручник з деструктивного контролю та неруйнівного контролю
- Функціональне тестування проти нефункціонального тестування