Урок за тестване на достъпността (Пълно ръководство стъпка по стъпка)

accessibility testing tutorial

Пълно ръководство за тестване на достъпността:

Какво е уеб достъпност:

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

Това също ще увеличи удовлетвореността на потребителя и нашия бизнес също.

Списък с уроци от тази поредица:

1. Ръководство за тестване на достъпността (Този урок)
2. Инструменти за тестване на достъпността - пълен списък
3. Урок за WAT (лента с инструменти за уеб достъпност)
4. Инструменти за проверка на достъпността на WAVE и JAWS

За повечето от потребителите използването на Интернет през мрежата е лесно. Но това не е така, когато разглеждаме различен демографски набор с предизвикателства. Наложително е уебсайтовете да бъдат достъпни, използваеми и полезни и за тази група потребители - и не трябва да разграничават потребителите въз основа на език / култура / местоположение / софтуер / физически или умствени способности.

Какво ще научите:

• Какво е тестване за достъпност?
• Достъпност и закон
• Митове за тестване на достъпността на уебсайтове
• Предизвикателства на теста за достъпност
• Значение
• Как се измерва уеб достъпността?
• Универсални принципи за уеб дизайн, които да се следват
• Как да извършите тестване за достъпност - Ръководство стъпка по стъпка
  • Ръчен метод
  • Автоматизирано тестване на достъпността
• Контролен списък за тест за достъпност / тестови случаи / сценарии
• Заключение
• Препоръчително четене

Какво е тестване за достъпност?

Тестване на уеб приложение, за да се уверите, че всеки потребител може лесно да осъществи достъп до уебсайта, е известно като Тестване на достъпността. Специализираният и специален клон на тестовете, който помага да се гарантира, че уебсайтовете наистина са ефективни в тази област, се нарича „ Тестване на уеб достъпност ”.

Най-важното е, че има определени закони и насоки за тестване на достъпността, които също трябва да се следват.

Достъпност и закон

• Американците с увреждания действат : Този закон гласи, че всички области като обществени сгради, училища и организации трябва да правят технологията достъпна за всички.
• Закон за рехабилитация, раздел 504 и раздел 508 : Раздел 504 побира всички хора с увреждания за достъп до работното място, образованието и други организации, а раздел 508 - достъп до технологиите.
• Указания за достъпност на уеб съдържание: Тези насоки предлагат начините, които могат да помогнат за подобряване на достъпността на уебсайт.

Митове за тестване на достъпността на уебсайтове

Мит 1 :Скъпо е.

Факт : Предпазните мерки винаги са по-добри от лечението, така че можем да мислим за проблемите с достъпността на самия етап на проектиране и да намалим разходите.

Мит 2: Преобразуването на недостъпен уебсайт за достъп е отнемащо време.

Факт : Можем да приоритизираме нещата и просто да работим върху основните нужди.

Мит 3: Достъпността е обикновена и скучна.

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

Мит 4 :Тестването за достъпност е за незрящи и хора с увреждания.

Факт : Софтуерът е полезен за всички и следователно това тестване е за всички потребители.

Предизвикателства на A Тест за достъпност

Следват някои често срещани предизвикателства или трудности, които насоките за достъпност се опитват да отговорят:

Значение

• Лесен и ефективен достъп до потребители с увреждания или предизвикателства
• Увеличава пазарния дял и обхвата на аудиторията
• Подобрява поддръжката и ефективността
• Удовлетворени съществуващи и бъдещи законови изисквания и помагат за спазване на етиката
• Подкрепа за интернационализация
• Подпомага достъпа за потребители с ниска честотна лента.

В крайна сметка всичко просто се превежда „По-добър бизнес - повече пари“.

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

Достъпността на мрежата може да бъде измерена с помощта на стандартите за достъпност на мрежата, създадени от W3C познат като Указания за достъпност на уеб съдържание (WCAG) . Малко други отдели също са разработили свои собствени насоки, но и те следват инициативата за уеб достъпност (WAI) Насоки.

Оценка на достъпността на уебсайт:

Има много фактори, които играят роля в това, като:

• Съдържание
• Размер
• Код
• Езици за маркиране
• Инструменти за разработка
• Заобикаляща среда

Както винаги, добра практика е да се прилагат техники за достъпност в мрежата в началния етап на проекта. Поправянето на достъпни уебсайтове изисква допълнителни усилия.

Няколко прости примерни техники са:

• Проверка на заглавието на страницата
• Алтернативи на текстови изображения („алтернативен текст“)
• Заглавия
• Контрастно съотношение („цветен контраст“) .. и т.н.

Също така можем да определим достъпността с помощта на „ Инструменти за оценка '- до известна степен. Има малко неща, като например, ако алтернативният текст е написан по подходящ начин за изображението или не, не може да бъде напълно оценен, но те са ефективни в по-голямата си част.

Прочетете също => 30+ най-популярни инструменти за уеб тестване.

Универсални принципи за уеб дизайн, които да се следват

Уебсайтът трябва да бъде универсално проектиран по такъв начин, че да следва принципите на използваемост и достъпност. Всеки има свой собствен стил на обучение и обработка, поради което сайтът / продуктът трябва да бъде проектиран независимо от това.

По-долу са дадени някои основни стандартни принципи на дизайна на уебсайта:

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

Всяка дейност и всеки човек, включен в проекта, трябва да се координират помежду си. Трябва да се има предвид, че уебсайтът трябва да бъде проектиран според тяхното собствено, както и W3C стандарти.

# 2) Изпълнение:

Като отговорна организация трябва да се държите отговорни за създаването на достъпен сайт. Вместо потребителите да се държат отговорни за достъпен сайт, ние трябва да го направим.

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

Всеки трябва да е наясно с тези принципи и трябва да информира дали се сблъсква с някакъв проблем, докато влиза в сайта.

# 4) Разглеждане на достъпа :

Трябва да следваме стандартите, заедно с тях можем да разгледаме стандартите, следвани от организацията за специално работещи хора.

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

Уебсайтът трябва да бъде проектиран, като се вземат предвид всички технически стандарти.

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

Трябва да проучим достъпността и проблемите, с които се сблъскваме при достъпа до уебсайта. С помощта на това трябва да се проведе обучение на персонала, за да се запознаят със стандартите и проблемите.

# 7) Социално включване:

Всички хора трябва да бъдат третирани еднакво не само в онлайн режим, но и във физическия свят.

модели на жизнения цикъл на разработка на софтуер pdf

Заедно с тази сграда е необходим и уебсайт на POUR.

Сега възниква въпросът какво означава POUR и отговорът е даден по-долу:

P достъпен:Представянето на уеб пакета трябва да бъде видимо. Съдържанието трябва да има смисъл от гледна точка на всички потребители.

ИЛИ изпълним:Може да се каже, че сайтът е работещ, ако потребителят може лесно да навигира в него.

U неразбираемо:Всичко присъстващо на уебсайта трябва да бъде разбрано от всеки тип потребител. Накратко, езикът трябва да е лесен, а не сложен.

R Спри се:Независимо от променящата се технология и типа потребители, съдържанието трябва да бъде стабилно.

Как да извършите тестване за достъпност - Ръководство стъпка по стъпка

Това може да се направи с помощта на ръчен, както и метод за тестване на автоматизация.

Ръчен метод

Има много инструменти, които се предлагат на пазара за тестване на достъпността, но може да има някои проблеми като липса на квалифицирани ресурси, бюджет и т.н. В такъв случай можем да използваме ръчно тестване.

По-долу има няколко начина за ръчно тестване на достъпността на уебсайта:

# 1) Можем да използваме режим с висок контраст:

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

За да включите режима с висок контраст, търсете режима с висок контраст в полето за търсене.

Тук ще получите опция за избор на тема, изберете тема с висок контраст от падащото меню.

Браузърът ще изглежда както е показано по-долу след извършване на промените в настройките.

След това можем да видим дали съдържанието е правилно видимо или не.

# 2) Като нямате достъп до Изображенията :

Временно за момента можете да изключите достъпа и да видите дали текстът оправдава съдържанието, тъй като някои хора може да нямат достъп до това или понякога отнема твърде много време за зареждане на изображенията.

Можете да изключите достъпа до браузъра по следните начини:

Internet Explorer: Инструменти-> Опции за интернет-> Разширени-> показване на снимки (премахнете отметката).

Firefox: Отворете Firefox и напишете относно : конфиг , в адресната лента и ще получите изхода, както е показано по-долу.

След като получите този екран, трябва да потърсите „ разрешение.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) Хера: Той проверява за стила на приложението и се предлага с многоезична опция.

# 6) Разширение за достъпност на Firefox: Firefox ви позволява да разширите неговата функционалност.

Можете да го добавите, за да се отвори Firefox-> Добавки-> разширение за достъпност . Това ще ви помогне да тествате отчета, навигацията, текста на връзката и т.н.

След като щракнете върху удължаване ще получите опция за търсене добавки .

# 7) TAW онлайн: Той ви дава възможност да тествате дали софтуерът е разработен според указанията на WCAG 1.0 или WCAG 2.0 . Освен това има възможност за избор на ниво на анализ.

# 8) Проверка за достъпност на PDF: Той проверява за достъпност на PDF файл.

=> За пълния списък проверете тази публикация за инструменти за тестване на достъпността

Тест за достъпност Контролен списък / тестови случаи / сценарии

По-долу са дадени няколко точки, които трябва да бъдат проверени, докато правите този тип тестване:

• Ако етикетите са правилно написани и поставени или не.
• Ако аудио / видео съдържанието е правилно чуваемо / видимо или не.
• Ако съотношението на цветовия контраст се поддържа или не.
• Ако контролните действия за видео работят добре или не.
• Ако за менюто са предвидени кратките клавиши, трябва да проверите дали всички те работят добре.
• Трябва да проверите за раздели, ако навигацията между раздели е лесна задача.
• Ако заявлението е спазило всички принципи и насоки или не.
• Ако заглавието е уникално и предава смисъла и структурата или не.
• Ако текстът на връзката е написан с описание на съдържанието, вместо да създава неяснота.
• Ако е предоставен смислен мултимедиен надпис или не.
• Ако инструкциите са ясно дадени или не.
• Ако съдържанието е ясно, кратко и разбираемо или не.

Следват ключовите моменти, на които уебсайтът трябва да отговаря за достъпност:

• Текстът на връзката трябва да е описателен . Зрително деактивиран потребителски достъп до уеб страница, като щракнете върху бутона таб от клавиатурата и преминете от връзка към връзка. Затова е важно описанието на връзките да е правилно дефинирано. Уверете се, че хипервръзките са достъпни, като използвате клавиша tab.
• Предоставете подходящи снимки, когато е възможно . Картината говори по-силно от думите. Опитайте се да добавите подходящи картинки за текст, когато е възможно. Снимките могат да опишат съдържанието на уебсайта за потребители с предизвикателство за ограмотяване.
• Използвайте прост език . Потребителят с когнитивни увреждания има затруднения в ученето, много е важно да направи изреченията прости и лесно четими за тях.
• Последователна навигация . Последователната навигация през страниците също е много важна за потребителите с когнитивни увреждания. Добра практика е да поддържате последователността на уебсайта и да не променяте редовно страниците. Приспособяването към новото оформление отнема много време и може да стане трудно.
• Игнорирайте изскачащите прозорци . Потребителите, които използват екранен четец за четене на уеб страници, изскачащите прозорци могат да бъдат наистина неудобни за тях. Екранният четец чете страницата отгоре надолу и внезапно изскачащ прозорец пристига, четящият ще започне да я чете първо преди действителното съдържание. Това може да обърка потребителите с увредено зрение.
• CSS оформление . Уебсайтовете, базирани на CSS, са по-достъпни от уебсайтовете, базирани на HTML код.
• Разделете голямото изречение на малко просто изречение. Потребителите с увредено зрение слушат информацията на уеб страницата и се опитват да я запомнят. Чрез разделянето на голямото изречение на малко просто изречение може да ви помогне лесно да си припомните нещата.
• Не използвайте маркиран текст. Избягвайте лъскавия текст и го поддържайте опростен.

Накратко, трябва да проверим дали приложението е разработено в съответствие с насоките на W3C, принципите за дизайн на уебсайтове и принципите за достъпност и за това трябва да сме наясно с всички тези принципи.

Можем да обобщим горните контролни точки, като проверим и потвърдим писменото съдържание, дизайн и метод за разработка на уебсайта / приложението.

Прочетете също => Пълно ръководство за уеб тестване.

Заключение

Тестването за достъпност просто обяснява колко лесно човек може да се ориентира, да има достъп и да разбира софтуера. Той е за всички видове потребители. Изпитателят трябва да направи тестването от гледна точка на всеки.

Подобно на всеки друг тип тестване, това тестване може да се извърши ръчно, както и с помощта на инструменти за автоматизация. Целта на тестера трябва просто да провери дали указанията са изпълнени или не и колко лесно и приятелски потребителят може да използва софтуера.

Препоръчително четене = >> Най-добрите доставчици на услуги за тестване на достъпността

В следващата част от този урок ще ви запознаем с още няколко инструмента и техники за тестване на достъпността в мрежата, така че, моля, останете с нас.

Както винаги, моля, коментирайте с вашите въпроси, предложения и опит.

СЛЕДВАЩ урок

Препоръчително четене

• Урок за инструмент за тестване на достъпност на WAVE
• Алфа тестване и бета тестване (Пълно ръководство)
• Урок за WAT (лента с инструменти за уеб достъпност) за тестване на достъпността
• Функционално тестване срещу нефункционално тестване
• Урок за тестване на използваемост: Пълно ръководство за начало
• Пълно ръководство за тестване за проверка на компилация (BVT тестване)
• Урок за тестване на DevOps: Как DevOps ще повлияе на QA тестването?
• Внедряване в MongoDB: Урок стъпка по стъпка