wave accessibility testing tool tutorial
Урок за инструмента за уеб достъпност на WAVE: Как да използвам разширението за WAVE Chrome и Firefox
Лента с инструменти за уеб достъпност беше обяснено подробно в предишния ни урок. Този урок е продължение на първия от тази поредица, проверете го тук - Тестване на уеб достъпността - част 1 .
В този урок разгледахме няколко основни концепции за това какво е достъпност и как тя може да бъде оценена с помощта на инструменти за тестване на достъпността.
В този урок ще видим още няколко инструмента за достъпност като WAVE Toolbar, JAWS инструмент за достъпност, техники и подробности.
как да видите json файл
(изображение източник)
Какво ще научите:
ВЪЛНА(Инструмент за оценка на уеб достъпността)
Инструментът WAVE е инструмент за оценка на достъпността в мрежата - лента с инструменти за Браузър Firefox.
Важно е да се отбележи, че WAVE не може да ви каже дали вашето уеб съдържание е достъпно; само човек може да определи истинската достъпност. Но WAVE може да ви помогне да оцените достъпността на вашето уеб съдържание.
Цялата оценка се извършва директно в браузъра и не се изпраща информация до сървърите на WAVE. Това гарантира 100% частно и сигурно отчитане на достъпността.
За изтегляне на лентата с инструменти за достъпност на WAVE отидете на http://wave.webaim.org/toolbar/ и го изтеглете във F браузър irefox . Уверете се, че ще отворите URL за изтегляне в браузъра Firefox, защото лентата с инструменти WAVE поддържа само Firefox.
Как да използвам лентата с инструменти за достъпност на WAVE
Следват функциите, които можем да използваме по време на работа с браузъра Firefox:
# 1) Изберете уебсайта http://www.easports.com/ , след това щракнете върху „Грешки, функции и сигнали“, ще намерите страницата с предупреждения за достъпност и грешки в жълт цвят. Наведете курсора на мишката върху изображенията, за да видите подробностите за сигналите.
( Забележка : щракнете върху произволно изображение за увеличен изглед)
# две) Сега кликнете върху „Structure / Order View“, ще получите страницата с подробности за вградената рамка.
# 3) Сега кликнете върху „Изглед само за текст“, сайтът ще се покаже без изображения, стилове и оформления.
# 4) Иконите „Outline View“ в лентата с инструменти ще ви уведомят дали заглавията са в ред или не.
# 5) Иконата „Нулиране на страница“ ще обнови страницата.
# 6) Кликването върху „Деактивиране на стила“ ще премахне CSS стиловете от страницата.
# 7) Бутонът „Icons Key“ ще покаже списък с всички икони на WAVE с допълнителни подробности, информация и препоръки.
Можете също така да оцените достъпността на уебсайта, без да изтегляте инструмента за вълни и директно да го използвате онлайн.
Стъпки за проверка на достъпността на уебсайта
Етап 1) Кликнете върху URL: http://wave.webaim.org/
Стъпка 2) Влез в Адрес на уеб страница в текст кутия и натиснете Enter. Ще използваме с като пример. Така че въведете сайта www.facebook.com в текстовото поле и кликнете върху бутона за въвеждане.
Стъпка # 3) Ще намерите обобщени подробности в лявата част на навигацията.
- Грешките ще се показват в червено с броене. В моя случай се показва като 13.
- Сигналите ще се показват в жълто с брой 13.
- Характеристиките ще бъдат в зелено с брой 10.
- Структурните елементи ще бъдат 6 в син цвят.
- HTML5 и ARIA ще бъдат 15 в лилав цвят.
- Контрастните грешки ще бъдат 14 в черен цвят.
Кликването върху всяка икона ще ви даде повече информация за елементите, както е показано по-горе за предупреждение (в центъра на страницата).
Сега нека разгледаме различна категория инструменти:
Безплатни валидатори за достъпност на уеб страници:
Още няколко най-добри инструмента за проверка на уеб достъпността:
- Инструмент за оценка на достъпността на AChecker с отворен код
- PowerMapper
- Достъпност Valet
- EvalAccess
- МАГЕНТА
Инструменти за увреждане на зрението
Зрението се отнася до загуба на зрение. Има различни видове увреждания на зрението:
- Слепота
- Ниско или ограничено зрение
- Цветна слепота
Потребителите със зрителни увреждания използват софтуер за помощни технологии, който чете съдържанието на глас.НапримерJAWS за операционни системи на Windows, NVDA за операционни системи на Windows, Voice Over за Mac. Потребителят на UA със слабо зрение също може да увеличи текста с настройка на браузъра или великолепна настройка на операционната система. Ще научим тези функции с помощта на лупи и инструменти JAWS.
А) Лупи
1) Увеличаване на лупа за текст увеличава всичко на екрана на вашия компютър и прави приложението лесно за гледане и използване. Можете да го изтеглите от тази връзка .
За да получите добра представа за това как работи, настоятелно препоръчваме да изтеглите безплатна пробна версия и да експериментирате.
2) Лупа на прозореца също увеличава различни части на екрана. Можем да го отворим, като щракнем върху бутона Старт от вашия работен плот и след това напишем лупа. Щракнете върху програмата Лупа. Когато задържите курсора на мишката върху уеб страницата, този инструмент увеличава размера на екрана и показва.
3) Слепите потребители на компютър, които не могат да използват нормален компютърен монитор, използват опресняващ се брайлов дисплей или брайлов терминал за четене на изходен текст.
Според Уикипедия , освежаващ се брайлов дисплей или брайлов терминал е електромеханично устройство за показване на брайлови символи, обикновено посредством щифтове с кръгли върхове, повдигнати през отвори в равна повърхност.
B) JAWS - Достъп до работа с реч
JAWS е екранен четец, използван за тестване на уеб страници на операционна система Windows, който позволява на зрително увредените потребители да четат екрана. JAWS поддържат всички версии на операционни системи, както и осигуряват опресняващ се брайлов дисплей.
Следват команди на клавиатурата за използване на JAWS:
Основните функции, които се тестват с помощта на JAWS, са:
- JAWS предоставя броя на натисканията на клавишите за навигация в уеб страници. Например клавишите със стрелки, клавишите Page Up и Down, Home, End и няколко други клавиши за навигация JAWS.
- Връзки, изображения и карти с изображения: JAWS осигурява натискания на клавиши за навигация от една връзка към друга в уеб страницата.
- Полета и контроли на HTML формуляр : JAWS осигурява натискания на клавиши за навигация между елементите на формуляра
- HTML рамки : Навигирайте в рамки с клавиатурата.
- Маси : Навигирайте в клетките на таблицата
Това е кратък преглед на различните техники и инструменти, които се използват за оценка на достъпността.
Съвети за тест за достъпност за разработчици и тестери
- Всички активни изображения имат ли заместващ текст, който показва какво прави връзката или бутонът?
- Всички декоративни изображения и излишни изображения имат ли нулев (alt = ””) alt текст?
- Всички изображения с информация имат ли заместващ текст, който предоставя същата информация като предоставените изображения?
- Страницата организирана ли е със заглавия? Маркирани ли са като заглавия?
- Можете ли да получите достъп до всичко с помощта на клавиатурата?
- Ще се чете ли вашата страница в логичен ред в екранен четец?
- Ясно ли е кой елемент е на фокус, докато използвате клавиатурния достъп?
- Цялата важна информация във видеото налична ли е чрез стандартен звук или чрез добавено аудио описание?
Екипът за разработка могат да се уверят, че техният продукт съответства на достъпността чрез проверка на кода и тестване на устройства.
Типични тестови случаи:
- Уверете се, че всички функции са достъпни само чрез клавиатура (не използвайте мишката)
- Уверете се, че информацията е видима, когато настройката на дисплея е променена на режими с висок контраст.
- Уверете се, че инструментите за четене на екрана могат да четат целия наличен текст и всяка снимка / изображение имат съответстващ алтернативен текст, свързан с него.
- Уверете се, че дефинираните от продукта действия на клавиатурата не засягат клавишните комбинации за достъпност.
Заключение
Достъпността в мрежата предлага много възможности за потребители с увреждания. Трябва обаче да признаем факта, че е трудно да се осигури пълен достъп за всякакъв вид увреждания или трудности, които биха могли да попречат на потребителя да достигне до съдържанието на уебсайт.
Могат да се предприемат стъпки, но може да не са 100%. Ако следваме стандартите, описани в тази статия от началния етап на разработката, можем лесно да създадем достъпен уебсайт за повечето потребители.
разлика между soapui и soapui pro
Чувствайте се свободни да предлагате повече инструменти и съвети за тестване на достъпността в коментарите по-долу.
Препоръчително четене
- Урок за WAT (лента с инструменти за уеб достъпност) за тестване на достъпността
- Урок за тестване на достъпността (Пълно ръководство стъпка по стъпка)
- Уроци за задълбочено затъмнение за начинаещи
- Урок за Geb - Тестване за автоматизация на браузъра с помощта на Geb Tool
- Най-добри инструменти за тестване на софтуер 2021 г. (Инструменти за автоматизация на QA теста)
- Топ 20 Инструменти за тестване на достъпността за уеб приложения
- Урок за деструктивно изпитване и безразрушително тестване
- Функционално тестване срещу нефункционално тестване