wat tutorial
Водич за ВАТ или Веб Аццессибилити Тоолбар за тестирање приступачности:
Алати за тестирање приступачности су детаљно објашњени у нашем претходном водичу у Серија тестирања приступачности .
ВАТ (Веб Аццессибилити Тоолбар) - је трака са алаткама за Прегледник Интернет Екплорер и други прегледачи - Може вам помоћи у процени веб странице на усклађеност са Смерницама за приступачност веб садржаја, верзија 2 (ВЦАГ 2.0).
Како се користи ВАТ алат?
Молимо вас преузмите и инсталирајте га одавде .
Након успешне инсталације, видећете додатни алат за веб-доступност одмах испод траке за адресу.
Ово ћемо научити уз помоћ веб странице ЕАспортс - хттп://ввв.еаспортс.цом.
# 1) Наслов странице - Траку наслова странице можемо проверити на траци наслова прозора или на насловној траци прегледача. Када мишем задржите показивач на картици, добићете информације о наслову странице.
Унесите УРЛ хттп://ввв.еаспортс.цом и потврдите наслов странице у насловној траци картице лебдењем миша.
# 2) Боја - Боја веб странице треба да прође у програму Цолор Цонтраст Анализер.
Постоје 3 различита нивоа усаглашености за одређивање односа боја, тј. Ниво А, АА и ААА.
Мора добити пролаз на АА или ААА .
„А“ представља низак ниво приступачности, „АА“ представља средњи ниво приступачности, а „ААА“ представља највиши ниво приступачности.
Унесите УРЛ адресу хттп://ввв.еаспортс.цом и на траци са алаткама кликните картицу Боја и одаберите Цонтраст Анализер и потврдите.
# 3) Наслови - Наслови пружају ефикасан преглед садржаја странице. Све странице треба да почињу са заглављима Х1 или Х2. Текст заглавља треба да буде већи, подебљан и да буде означен на веб страницама. А Страница треба да започиње са „х1“ и на свакој страници треба да постоји најмање један наслов.
Да бисте верификовали структуру наслова, кликните на хттп://ввв.еаспортс.цом и изаберите картицу Структура, а затим кликните на структуру наслова и потврдите. Даће вам све детаље о наслову наслова. Такође ће испитати да ли су наслови правилно угнежђени или не.
# 4) Алтернативни текст за слике - Атрибут алт је подржан у свим главним прегледачима. Све слике треба да имају алт текст повезан са њима. Приказује вредност алт атрибута као опис алата када задржимо показивач изнад слике. Ово пружа алтернативне информације о слици ако слика не може да се прикаже.
Унесите урл хттп://ввв.еаспортс.цом, кликните на покажи слике и проверите да ли је доступан алтернативни текст за слике.
Добићете испод искачућег прозора:
Добићете детаље како је горе поменуто.
# 5) Редослед картица - Редослед редоследа картица треба логички и правилно приказати. Можете доћи до различитих веза кликом на тастер таб. Након одабира индикатора редоследа картица, поред веза можете видети број бројева који показује колико пута треба кликнути тастер картице да бисте дошли до те везе.
Да бисте потврдили редослед картица, кликните на урл хттп://ввв.еаспортс.цом , и кликните на Структура и одаберите индикатор редоследа картица.
# 6) Листе - Списак треба приказати у правилној структури. Листе увек треба проверити како би се осигурало да су ставке на листи заиста садржане на једној листи. Листа може бити у два облика: наредио списак и неуређено листа . Неуређене листе користе елемент и поредане листе користе
елемент.
Унесите урл хттп://ввв.еаспортс.цом и на траци са алаткама кликните на структуру и изаберите ставке листе и проверите редослед листе.
Пример неуређене листе:
Пример уређене листе:
# 7) Контраст однос - Подразумевано треба да има минимални контраст. Веб прегледачи треба да омогуће људима да промене боју текста и позадине ако је потребно.
Унесите Гоогле адресу хттпс://ввв.гоогле.цо.ин/ и кликните на слике и изаберите Јуици Студио Луминосити Анализер.
Отвориће се нови прозор са насловом Анализатор контраста у боји са табелом резултата. Последња колона је однос контраста осветљености.
како отворити бин датотеке у Виндовсима
# 8) Ознаке - Ознаке треба правилно приказивати.
Унесите урл хттпс://ввв.гоогле.цо.ин/ и на траци са алаткама кликните на Структура и одаберите скуп поља / ознаке као опцију. Видећете детаље о пољу и налепници.
# 9) Основно Структура Проверавати - У овој провери верификујемо веб странице без слика, стилова и изгледа.
На траци са алаткама кликните на Слике, а затим на Уклони слике.
Сада изаберите ЦСС, а затим кликните на Онемогући ЦСС.
На крају кликните на Табеле, а затим изаберите Линеаризе.
Време је за вежбање:
Дајмо си сада примерак задатка за тестирање приступачности, наравно да је решење дато. Али препоручујемо да ово испробате сами пре него што пређете на одговор.
Проверите наслове, слике са алт текстом, индикатор редоследа табака и контраст боја хттп://ввв.цбсспортс.цом
Решење: Кликните на УРЛ хттп://ввв.цбсспортс.цом у Интернет Екплореру.
Да бисте верификовали наслове, кликните на Структура и одаберите Структура наслова за верификацију наслова.
Наслови нису у Х1. Сви наслови су у Х2.
Да бисте верификовали алт текст кликните на Слике и одаберите Схов Имагес да бисте потврдили да ли је алт текст на сликама присутан или не.
Наћи ћете да је неколико слика са алт текстом, а мало их је без алт атрибута. Детаљи слике без алт текста се појављују у искачућем прозору, а детаљи слика са алт текстом се приказују у близини слика.
На примералт = ”Текст за претрагу ЦБС Спортс.цом” који се приказује у близини иконе за претрагу и алт = “текст за ЦБССпортс.цом” који се приказује у близини логотипа Фантаси.
Да бисте верификовали индикатор редоследа картица, кликните на Структура и изаберите Индикатор налога таба .
Бројање ће се приказати у близини веза које показују у ком покушају ћете моћи да кликнете на ту одређену везу. На пример, да бисте кликнули на горњу већину НФЛ везе, мораћете да притиснете тастер таб са тастатуре 13 пута.
Сада последња која је проверила контраст боја, кликните на боју и изаберите Цонтраст Анализер.
Текст пролази двоструким А тј АА.
Ето, ово је начин за процену приступачности веб странице.
ПРЕВ Туториал |. | СЛЕДЕЋА Лекција
Препоручено читање
- Водич за алат за тестирање приступачности ВАВЕ-а
- Дубински водичи за помрачење за почетнике
- Водич за тестирање приступачности (потпун водич по корацима)
- Топ 20 алата за тестирање приступачности за веб апликације
- Најбољи алати за тестирање софтвера 2021. године (КА Тест Аутоматион Тоолс)
- Водич за испитивање разарања и испитивања без разарања
- Функционално тестирање вс нефункционално тестирање
- Водич за тестирање СОА: Методологија тестирања за модел архитектуре СОА