paint-brush
Тестирање приступачности мобилних апликација 101: Усклађеност са ВЦАГ-ом и најбоље праксеод стране@browserstack
386 читања
386 читања

Тестирање приступачности мобилних апликација 101: Усклађеност са ВЦАГ-ом и најбоље праксе

од стране Browserstack11m2024/09/25
Read on Terminal Reader

Предуго; Читати

Тестирање приступачности мобилних апликација потврђује да су апликације доступне свим појединцима, посебно онима са инвалидитетом.
featured image - Тестирање приступачности мобилних апликација 101: Усклађеност са ВЦАГ-ом и најбоље праксе
Browserstack HackerNoon profile picture
0-item

Тестирање приступачности мобилних апликација потврђује да су апликације доступне свим појединцима, посебно онима са инвалидитетом. Процес укључује процену дизајна, садржаја и функционисања апликације како би се осигурало да:


  • Придржава се стандарда приступачности ВЦАГ (Смернице за приступачност веб садржаја).

  • Компатибилан је са помоћном технологијом као што су читачи екрана, гласовне контроле и алтернативни начини уноса.


Ево зашто вам је потребно тестирање приступачности мобилних апликација:


  • Усклађеност са законима : Придржавање закона о дигиталној приступачности, као што су АДА и Европски закон о приступачности, спречава правне проблеме, новчане казне и штету по углед.


  • Инклузија и једнак приступ : Тестирање приступачности осигурава да мобилне апликације могу да користе појединци са инвалидитетом, промовишући једнак приступ и инклузивност.


  • Шири досег публике : Приступачне апликације могу да ангажују ширу публику, укључујући милионе са инвалидитетом, побољшавајући корисничко искуство и стварајући нове тржишне могућности.


  • Побољшано корисничко искуство : Функције приступачности, као што су јасна навигација и интуитиван дизајн, често побољшавају опште задовољство корисника и оцене апликација.


  • Друштвена одговорност : Посвећеност приступачности одражава посвећеност компаније инклузивности и друштвеној одговорности.


  • Избегавање дораде и трошкова : Рано тестирање приступачности помаже у спречавању скупих редизајнирања и поправки, смањујући притужбе купаца и проблеме након покретања.

Усклађеност са ВЦАГ за приступачност мобилних апликација

Усклађеност са ВЦАГ (Смерницама за приступачност веб садржаја) је кључна за омогућавање приступа мобилним апликацијама особама са инвалидитетом. Иако су првобитно креирани за веб садржај, ВЦАГ концепти и критеријуми се такође могу применити на мобилне апликације.


Principles of WCAG Accessibility


Ево како усклађеност са ВЦАГ-ом утиче на приступачност мобилних апликација:


1. Уочљив

  • Обезбедите уочљиве замене текста за ставке које нису текстуалне, укључујући фотографије или иконе. На пример, укључивање алтернативног текста за фотографије или ознаке икона осигурава да читачи екрана могу да пренесу ове ставке корисницима са оштећеним видом.


  • Уверите се да садржај може бити испоручен у многим форматима (нпр. једноставнији изглед) без губитка информација. За мобилне апликације то може укључивати давање пејзажног и портретног режима који остаје доступан.


  • Олакшајте корисницима да виде и чују материјал тако што ћете обезбедити довољан контраст између текста и боја позадине и понудити изборе за мењање величине и јачине текста без ометања рада апликације.


2. Операабле

  • Све могућности програма треба да буду доступне помоћу тастатуре или уноса налик тастатури, као што су прекидачи за кориснике са инвалидитетом. Ово обухвата контроле за навигацију, обрасце и интерактивне функције.


  • Омогућите корисницима довољно времена за читање и употребу садржаја избегавањем аутоматског преласка екрана или пребрзо истека сесија.


  • Избегавајте садржај који може да изазове нападе, као што су јака светла или брза ажурирања екрана.


  • Омогућите корисницима да се крећу, проналазе садржај и одређују своју локацију унутар апликације. Ово укључује јасно означена дугмад и доследне обрасце навигације.


3. Разумљиво

  • Учините писане информације читљивим и разумљивим. Ово укључује коришћење основног језика, избегавање жаргона и осигуравање да читачи екрана читају материјал.


  • Веб странице треба да се појављују и функционишу на предвидљив начин. На пример, дугме треба да делује доследно у целом програму, а садржај не би требало да се мења неочекивано.


  • Помозите корисницима да спрече и поправе грешке. Ово укључује јасна обавештења о грешкама и лако доступне ресурсе помоћи.


4. Робустан

  • Уверите се да апликација ради са тренутном и будућом помоћном технологијом као што су читачи екрана, гласовна контрола и лупе.


  • Користите добре технике кодирања да бисте осигурали да апликација ради са различитим корисничким агентима, укључујући оперативне системе, прегледаче и помоћне уређаје.

ВЦАГ нивои усклађености


3 WCAG Conformance Levels

  • Ниво А: Основне карактеристике веб приступачности (минимални ниво). Неопходан за постизање најкритичнијих захтева за приступачност.


  • Ниво АА: Решава највеће и најтипичније баријере за хендикепиране кориснике. Често се сматра одговарајућим нивоом за дигиталне производе за јавност.


  • Ниво ААА: Најнапреднији и најсвеобухватнији степен приступачности. Испуњавање свих стандарда нивоа ААА је идеално, међутим, није увек изводљиво за све жанрове материјала.





Пример тестирања приступачности мобилних апликација

Пример 1: Тестирање са читачима екрана

  • Процес: Користите читач екрана као што је ВоицеОвер (иОС) или ТалкБацк (Андроид) да бисте се кретали кроз апликацију. Тестер треба да обезбеди да су сви елементи исправно најављени и да је ток навигације логичан и интуитиван.


  • Циљ: Проверите да ли су сви интерактивни елементи (дугмад, везе, поља обрасца) исправно означени и да ли пружају довољан контекст кориснику.


  • Исход: Можда ћете открити да неким дугмадима недостају описне ознаке, што отежава корисницима са оштећеним видом да разумеју њихову сврху.


Пример 2: Тестирање контраста боја

  • Процес: Ручно проверите однос контраста између боја текста и позадине помоћу алата за контраст боја или визуелном инспекцијом.


  • Циљ: Обезбедити да текст буде лако читљив за кориснике са оштећеним видом, посебно за оне са слепим за боје.


  • Исход: Можда ћете открити да одређени текстуални елементи немају довољан контраст, што их чини тешким за читање.

Како пронаћи прави алат за приступачност мобилних апликација?

Ево водича корак по корак који ће вам помоћи да изаберете прави алат:


  • Схватите своје потребе за тестирањем на основу:

    • Врсте инвалидитета, као што су визуелна, слушна, моторичка или когнитивна оштећења.

    • Платформу коју алат подржава (иОС, Андроид или обоје).


  • Једноставност употребе: Алат би требало да буде једноставан за подешавање и коришћење, посебно за програмере и тестере који можда нису специјализовани за приступачност.


  • Могућности интеграције: Проверите да ли се алат интегрише са вашим постојећим развојним, ЦИ/ЦД-ом и радним токовима тестирања.


  • Извештавање и документација: Алат треба да обезбеди јасне извештаје који се могу применити. Потражите функције као што су извоз извештаја у различитим форматима, интеграција са системима за праћење проблема и документација о решавању проблема.


  • Подршка и заједница: Размотрите алате са добром корисничком подршком, ресурсима за обуку и активном заједницом корисника.


  • Цена: Неки алати су бесплатни (Опен Соурце), док други могу захтевати претплату или једнократну куповину. Ускладите свој избор са својим буџетом и понуђеним функцијама да бисте уравнотежили повраћај улагања (РОИ).


  • Бесплатне пробне верзије: Многи алати нуде бесплатне пробне или демо верзије. Користите их да процените ефикасност алата у вашем окружењу за тестирање.


  • Тестирање у стварном свету: Тестирајте алатку на малом делу ваше апликације да бисте видели како функционише у стварним сценаријима.

Алати за тестирање приступачности мобилних апликација

На тржишту се сада користи велики број популарних алата за приступачност мобилних апликација. Иако су неки функционални на Андроид-у или иОС-у, постоје неки који су такође на више платформи:

Андроид алати за тестирање приступачности

  • Гоогле скенер приступачности аутоматски скенира Андроид апликације у потрази за уобичајеним проблемима приступачности, као што су недостајуће ознаке, мали додирни циљеви и проблеми са контрастом боја. Иако је бесплатан, једноставан за коришћење, директно од Гоогле-а; ограничено је на идентификацију основних проблема, нема функција дубоког тестирања.


  • ТалкБацк приступачност: ТалкБацк приступачност омогућава корисницима да користе читаче екрана на Андроид уређајима. Иако је ово уграђено, то је ручни процес и захтева време за темељно тестирање. Алатка за приступачност апликације БровсерСтацк омогућава приступ ТалкБацк читачу екрана на правим Андроид уређајима.

Алатке за тестирање приступачности за иОС

  • Ксцоде Аццессибилити Инспецтор: Уграђени алат у Ксцоде за проверу и тестирање атрибута приступачности у иОС апликацијама. Док је интегрисан у Ксцоде и нуди инспекцију и тестирање у реалном времену; ограничен је на иОС развојна окружења и нема аутоматизовано тестирање.


  • ВоицеОвер: Ово је изворни читач екрана за иОС уређаје, који се користи за тестирање начина на који апликације комуницирају са корисницима читача екрана. Иако је ово уграђено, то је ручни процес и захтева време за темељно тестирање. Алатка за приступачност апликације БровсерСтацк омогућава приступ ВоицеОвер читачу екрана на правим иОС уређајима.

Алати за тестирање приступачности на више платформи (и за Андроид и за иОС).

  • БровсерСтацк Апп Аццессибилити нуди функције налик на Нативе са доступношћу на више платформи на Андроид и иОС телефонима. Можете покренути скенирање приступачности заједно са тестирањем читача екрана и пратити приступачност помоћу алатке за приступачност апликације БровсерСтацк. Његове кључне могућности укључују:


    • Тренутни приступ правим иОС и Андроид уређајима без подешавања.

    • Скенер тока посла, који покреће власнички механизам правила БровсерСтацк, чини тестирање приступачности 5 пута бржим.

    • Приступ ТалкБацк и ВоицеОвер читачима екрана једним кликом, са могућношћу снимања проблема путем снимака и снимака екрана.

    • Централизована контролна табла за извештавање са снимцима екрана са коментарима нуди увиде и кораке за поправку за лако решавање.



Mobile App Accessibility Testing Checklist


Како извршити тестирање приступачности мобилних апликација?

Корак 1. Планирајте услове приступачности

  • Разумевање смерница: Сазнајте више о стандардима приступачности, укључујући правила приступачности веб садржаја (ВЦАГ) и правила специфична за платформу (на пример, Апплеове смернице за приступачност и Гоогле-ову приступачност материјалног дизајна).


  • Идентификујте циљне кориснике: Размотрите захтеве корисника са различитим инвалидитетом, као што су визуелна, слушна, моторичка и когнитивна ограничења.


  • Поставите циљеве тестирања: Одредите које функције приступачности треба тестирати, као што су компатибилност читача екрана, контраст боја, величине додирних мета и увећање текста.


Корак 2. Изаберите праве алате

  • Алатке за ручно тестирање: Користите читаче екрана као што су ВоицеОвер (иОС) и ТалкБацк (Андроид) да бисте ручно тестирали како људи са оштећеним видом комуницирају са вашом апликацијом.


  • Аутоматизоване алатке за тестирање: Користите аутоматизоване алате као што су БровсерСтацк Апп Аццессибилити или Гоогле Аццессибилити Сцаннер да бисте идентификовали уобичајене проблеме приступачности.


  • Алати за тестирање корисника: Размислите о коришћењу платформи као што су УсерЗоом или Лооп11 да бисте извршили тестове са стварним особама са оштећењима.


Корак 3. Прегледајте извештаје

Анализирајте генерисане извештаје да бисте открили области за побољшање. Ови извештаји често садрже информације о врсти кршења, где се догодило и препоруке за поправку.


Корак 4. Укључите кориснике са инвалидитетом

  • Регрутирајте тестере: Позовите праве кориснике са инвалидитетом да тестирају апликацију. Они могу пружити вредне увиде које аутоматизовано или ручно тестирање можда неће донети.


  • Прикупите коментаре: Посматрајте како ови корисници комуницирају са апликацијом и тражите коментаре о употребљивости и свим препрекама са којима се суочавају.


Корак 5. Прегледајте и отклоните проблеме

  • Дајте приоритет поправкама: Дајте приоритет проблемима на основу аутоматског, ручног и корисничког тестирања, са нагласком на важним препрекама приступачности.


  • Примените прилагођавања: Сарађујте са програмерима да бисте применили прилагођавања потребна за побољшање приступачности апликације.


Корак 6. Поново тестирајте и потврдите

  • Поново тестирајте: Након што извршите измене, поново тестирајте апликацију да бисте били сигурни да су проблеми са приступачношћу поправљени.


  • Континуирано праћење: Тестирање приступачности треба да буде континуирана активност. Редовно тестирајте нове надоградње и функције да бисте проверили да ли су још увек доступне.


Корак 7. Документација и извештај

Водите потпуну евиденцију о свим идентификованим проблемима, методама предузетим за њихово решавање и коначним резултатима.

Најбоље праксе за тестирање приступачности мобилних апликација

1. Пратите смернице за приступачност

Примените смернице за приступачност веб садржаја (ВЦАГ) за садржај заснован на вебу, које су релевантне и за мобилне апликације. Такође, смернице за приступачност које пружају мобилне платформе, као што су Аппле-ове смернице за приступачност и Гоогле-ове смернице за приступачност материјалног дизајна.

2. Користите праве уређаје за тестирање

Спроведите тестирање приступачности на различитим стварним уређајима да бисте снимили различите величине екрана, резолуције и верзије оперативног система.

3. Имплементирајте аутоматизоване алате за тестирање када је то могуће

Користите алатке као што су Гоогле Аццессибилити Сцаннер и БровсерСтацк Апп Аццессибилити да бисте брзо идентификовали уобичајене проблеме приступачности. Интегришите аутоматизоване тестове приступачности у свој ЦИ/ЦД канал за континуирано праћење и рано откривање проблема.

4. Укључите стварне кориснике са инвалидитетом

Укључите кориснике са инвалидитетом да тестирају апликацију. Њихове повратне информације могу пружити увид у практична питања употребљивости која би аутоматизовани тестови могли пропустити. Прикупите и анализирајте повратне информације од ових корисника да бисте разумели изазове приступачности у стварном свету и области за побољшање.

5. Промовишите свест о приступачности

Негујте културу свести о приступачности у свом тиму како бисте осигурали да сви разумеју важност инклузивног дизајна. Дајте приоритет приступачности као основном аспекту дизајна корисничког искуства, а не као накнадну мисао.


Контролна листа за тестирање приступачности мобилних апликација

Ево контролне листе у 5 корака за постизање приступачности мобилних апликација

1. Опште смернице

  • Уверите се да апликација има јасан наслов.


  • Одржавајте одговарајућу хијерархију наслова у целој апликацији.


Користите АРИА Ландмарк улоге (као што су претрага, навигација, информације о садржају, комплементарни и банер) да бисте ефикасно структурирали апликацију или страницу.


За догађаје додира, придржавајте се једног од ових услова:

  • Избегавајте да започнете било какву активност са падом.
  • Започните радње догађајем навише, са опцијом да откажете или поништите радњу пре завршетка.
  • Користите догађај навише да поништите радње које је покренуо догађај пада.
  • Започните радње тек након јасне индикације намере корисника.
  • Уверите се да су мете за додир довољно велике да их се лако додирне.

2. Односи контраста боја

  • Придржавајте се захтева за контраст боја на нивоу ВЦАГ 2.1 АА да бисте помогли корисницима са оштећеним видом.
  • Остварите однос контраста 4,5:1 за стандардни текст.
  • Одржавајте однос контраста 3:1 за велики текст.
  • Уверите се да су информације засноване на бојама доступне и на друге начине.

3. Додирните Гестес анд Хаптиц Феедбацк

  • Имплементирајте покрете додира и хаптичке повратне информације да бисте побољшали функционалност апликације и корисничко искуство на Андроид-у и иОС-у.


  • Иако основне операције не зависе од покрета додиром, оне могу побољшати приступачност и привлачност, посебно за кориснике са ограниченим способностима читања.

4. Доследни распореди и навигација

  • Одржавајте доследност у садржају, изгледу и навигацији да бисте побољшали корисничко искуство.


  • Дизајнирајте мобилне апликације са помоћном навигацијом како бисте кориснике водили кроз меније, посебно за оне са моторичким оштећењима који можда више воле мобилне апликације у односу на веб прегледаче.


  • Уверите се да су изгледи добро организовани и визуелно избалансирани како бисте избегли забуну и побољшали приступачност.

5. Оптимизујте садржај/медиј апликације

  • Прилагодите садржај апликације и медије да буду видљиви и на малим и на великим екранима.


  • Уверите се да су интерактивни елементи, као што су опције „клик“ и функционалности корпе за куповину, једноставни за корисника и доступни.


  • Користите читљиве ознаке заглавља и оптимизујте изглед садржаја да бисте помогли корисницима са когнитивним инвалидитетом да разумеју апликацију и да се крећу по њој.


  • Обезбедите јасне натписе за визуелне елементе како бисте подржали приступачност и за кориснике са оштећеним слухом и за особе са оштећеним видом.


Укључивање приступачности у развој мобилних апликација није само правни или етички захтев, већ и неопходна компонента за пружање инклузивног корисничког искуства. Пратећи утврђене принципе, користећи и аутоматизоване и ручне методе тестирања, и укључивање стварних корисника са оштећењима, можете осигурати да је ваш софтвер доступан свима. Додирни циљеви, контрасти боја и приказ информација могу се редовно оптимизовати како би боље одговарали захтевима различитих корисника.


Коришћењем платформе БровсерСтацк-а , можете да тестирате своју апликацију на широком спектру стварних уређаја, обезбеђујући да су функције приступачности функционалне и лаке за коришћење у различитим окружењима. Овај практични приступ омогућава прецизније процене и помаже у идентификацији и решавању проблема са приступачношћу који сами аутоматизовани алати могу да пропусте.