Web-Dev-For-Beginners/translations/sr/1-getting-started-lessons/3-accessibility/assignment.md

Свеобухватна ревизија приступачности веб сајта

Упутства

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

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

Фаза 1: Стратешка ручна евалуација

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

🔍 Основни критеријуми за евалуацију:

Навигација и структура:

• Можете ли навигирати целим сајтом користећи само тастатуру (Tab, Shift+Tab, Enter, Space, стрелице)?
• Да ли су индикатори фокуса јасно видљиви на свим интерактивним елементима?
• Да ли структура наслова (H1-H6) ствара логичан преглед садржаја?
• Да ли постоје линкови за прескакање до главног садржаја?

Визуелна приступачност:

• Да ли постоји довољан контраст боја на целом сајту (минимум 4.5:1 за нормалан текст)?
• Да ли се сајт ослања искључиво на боју за пренос важних информација?
• Да ли све слике имају одговарајући алтернативни текст?
• Да ли изглед остаје функционалан када се увећа на 200%?

Садржај и комуникација:

• Да ли постоје линкови са текстом "кликните овде" или нејасним описима?
• Можете ли разумети садржај и функционалност без визуелних наговештаја?
• Да ли су поља у формуларима правилно означена и груписана?
• Да ли су поруке о грешкама јасне и корисне?

Интерактивни елементи:

• Да ли сви дугмићи и контроле формулара раде само са тастатуром?
• Да ли се промене динамичког садржаја најављују читачима екрана?
• Да ли модални дијалози и сложени виџети прате одговарајуће обрасце приступачности?

📝 Документујте своје налазе са конкретним примерима, снимцима екрана и URL адресама страница. Забележите и проблеме и добро урађене ствари.

Фаза 2: Свеобухватно аутоматизовано тестирање

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

🛠️ Потребни алати за тестирање:

1. Lighthouse Accessibility Audit (уграђен у Chrome/Edge DevTools)

   • Покрените ревизију на више страница
   • Фокусирајте се на специфичне метрике и препоруке
   • Забележите свој резултат приступачности и конкретне прекршаје

2. axe DevTools (екстензија за претраживач - индустријски стандард)

   • Детаљније откривање проблема од Lighthouse-а
   • Пружа конкретне примере кода за исправке
   • Тестира према WCAG 2.1 критеријумима

3. WAVE Web Accessibility Evaluator (екстензија за претраживач)

   • Визуелна репрезентација функција приступачности
   • Истиче и грешке и позитивне карактеристике
   • Одличан за разумевање структуре странице

4. Анализатори контраста боја

   • WebAIM Contrast Checker за специфичне парове боја
   • Екстензије за претраживач за анализу целе странице
   • Тестирање према WCAG AA и AAA стандардима

🎧 Тестирање стварне асистивне технологије:

• Тестирање читача екрана: Користите NVDA (Windows), VoiceOver (Mac) или TalkBack (Android)
• Навигација само тастатуром: Искључите миш и навигирајте целим сајтом
• Тестирање увећања: Тестирајте функционалност на 200% и 400% увећања
• Тестирање гласовне контроле: Ако је доступно, пробајте алате за гласовну навигацију

📊 Организујте своје резултате креирањем главне табеле са:

• Описом проблема и локацијом
• Нивоом озбиљности (Критично/Високо/Средње/Ниско)
• Прекршеним WCAG критеријумима успеха
• Алатом који је открио проблем
• Снимцима екрана и доказима

Фаза 3: Свеобухватна документација налаза

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

📋 Обавезни делови извештаја:

1. Извршни резиме (1 страна)

   • URL веб сајта и кратак опис
   • Општи ниво зрелости приступачности
   • Топ 3 најкритичнија проблема
   • Процењени утицај на кориснике са инвалидитетом

2. Методологија (½ стране)

   • Приступ тестирању и коришћени алати
   • Евалуиране странице и комбинације уређаја/претраживача
   • Стандарди према којима је вршена евалуација (WCAG 2.1 AA)

3. Детаљни налази (2-3 стране)

   • Проблеми категорисани према WCAG принципима (Приметно, Операбилно, Разумљиво, Робусно)
   • Укључите снимке екрана и конкретне примере
   • Забележите позитивне карактеристике приступачности које сте пронашли
   • Упоредите са резултатима аутоматизованих алата

4. Процена утицаја на кориснике (1 страна)

   • Како идентификовани проблеми утичу на кориснике са различитим инвалидитетима
   • Сценарији који описују стварна корисничка искуства
   • Пословни утицај (правни ризик, SEO, проширење корисничке базе)

📸 Прикупљање доказа:

• Снимци екрана кршења приступачности
• Видео снимци проблематичних корисничких токова
• Извештаји алата (сачувајте као PDF)
• Примери кода који показују проблеме

Фаза 4: Професионални план за решавање проблема

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

🎯 Креирајте детаљне препоруке за побољшање (минимум 10 проблема):

За сваки идентификовани проблем, наведите:

• Опис проблема: Јасно објашњење шта није у реду и зашто је проблематично
• WCAG референца: Специфични прекршени критеријуми успеха (нпр. "2.4.4 Сврха линка (у контексту) - Ниво А")
• Утицај на корисника: Како ово утиче на људе са различитим инвалидитетима
• Решење: Конкретне измене кода, модификације дизајна или побољшања процеса
• Ниво приоритета: Критично (блокира основну употребу) / Високо (значајна препрека) / Средње (проблем употребљивости) / Ниско (унапређење)
• Напор за имплементацију: Процена времена/сложености (брза победа / умерен напор / велика реконструкција)
• Провера тестирања: Како проверити да ли решење функционише

Пример уноса за побољшање:

Issue: Generic "Read more" link text appears 8 times on homepage
WCAG Reference: 2.4.4 Link Purpose (In Context) - Level A
User Impact: Screen reader users cannot distinguish between links when viewed in link list
Solution: Replace with descriptive text like "Read more about sustainability initiatives"
Priority: High (major navigation barrier)
Effort: Low (30 minutes to update content)
Testing: Generate link list with screen reader - each link should be meaningful standalone

📈 Стратешке фазе имплементације:

• Фаза 1 (0-2 недеље): Критични проблеми који блокирају основну функционалност
• Фаза 2 (1-2 месеца): Побољшања високог приоритета за боље корисничко искуство
• Фаза 3 (3-6 месеци): Унапређења средњег приоритета и побољшања процеса
• Фаза 4 (Континуирано): Континуирано праћење и унапређење

Рубрика за евалуацију

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

Критеријум	Одлично (90-100%)	Добро (80-89%)	Задовољавајуће (70-79%)	Потребно побољшање (<70%)
Дубина ручног тестирања	Свеобухватна евалуација која покрива све POUR принципе са детаљним запажањима и корисничким сценаријима	Добро покривање већине области приступачности са јасним налазима и неким анализама утицаја на кориснике	Основна евалуација која покрива кључне области са адекватним запажањима	Ограничено тестирање са површним запажањима и минималним разматрањем утицаја на кориснике
Коришћење алата и анализа	Ефикасно коришћење свих потребних алата, укрштање налаза, укључивање јасних доказа и анализа ограничења алата	Коришћење већине алата са добром документацијом, неким укрштањем налаза и адекватним доказима	Коришћење потребних алата са основном документацијом и неким доказима	Минимално коришћење алата, лоша документација или недостају докази
Идентификација и категоризација проблема	Идентификовано 15+ специфичних проблема кроз све WCAG принципе, тачно категорисано по озбиљности, показује дубоко разумевање	Идентификовано 10-14 проблема кроз већину WCAG принципа, добра категоризација, показује солидно разумевање	Идентификовано 7-9 проблема са адекватним покривањем WCAG и основном категоризацијом	Идентификовано <7 проблема са ограниченим обухватом или лошом категоризацијом
Квалитет и изводљивост решења	10+ детаљних, применљивих решења са тачним WCAG референцама, реалистичним временским оквирима имплементације и методама провере	8-9 добро развијених решења са углавном тачним референцама и добрим детаљима имплементације	6-7 основних решења са неким детаљима и генерално реалистичним приступима	<6 решења или недовољно детаља, нереалне имплементације
Професионална комуникација	Извештај је одлично организован, јасно написан, укључује извршни резиме, користи одговарајући технички језик и прати стандарде пословне документације	Добро организован са добрим квалитетом писања, укључује већину потребних секција, одговарајући тон	Адекватно организован са прихватљивим писањем, укључује основне потребне секције	Лоша организација, нејасно писање или недостају кључне секције
Примена у стварном свету	Демонстрира разумевање пословног утицаја, правних разматрања, разноликости корисника и практичних изазова имплементације	Показује добро разумевање практичних примена са неким пословним контекстом	Основно разумевање примена у стварном свету	Ограничена повезаност са практичним применама

Опције за напредни изазов

🚀 За студенте који траже додатни изазов:

• Компаративна анализа: Ревизија 2-3 конкурентска веб сајта и поређење њихове зрелости приступачности
• Фокус на мобилну приступачност: Детаљна анализа специфичних проблема приступачности на мобилним уређајима користећи Android TalkBack или iOS VoiceOver
• Међународна перспектива: Истраживање и примена стандарда приступачности из различитих земаља (EN 301 549, Section 508, ADA)
• Ревизија изјаве о приступачности: Евалуација постојеће изјаве о приступачности веб сајта (ако постоји) у односу на ваше налазе

Испоруке

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

📄 Захтеви за финални извештај:

1. Извршни резиме (1 страна)

   • Преглед веб сајта и процена приступачности
   • Резиме кључних налаза са пословним утицајем
   • Препоручене приоритетне акције

2. Методологија и обим (1 страна)

   • Приступ тестирању, коришћени алати и критеријуми евалуације
   • Евалуиране странице/секције и евентуална ограничења
   • Оквир за усаглашеност са стандардима (WCAG 2.1 AA)

3. Детаљан извештај о налазима (3-4 стране)

   • Запажања из ручног тестирања са корисничким сценаријима
   • Резултати аутоматизованих алата са укрштањем налаза
   • Проблеми организовани према WCAG принципима са доказима
   • Идентификоване позитивне карактеристике приступачности

4. Стратешки план за решавање проблема (3-4 стране)

   • Приоритетне препоруке за побољшање (минимум 10)
   • Временски оквир имплементације са проценом напора
   • Метрике успеха и методе провере
   • Стратегија дугорочног одржавања приступачности

5. Помоћни докази (Прилози)

   • Снимци екрана кршења приступачности и алата за тестирање
   • Примери кода који показују проблеме и решења
   • Извештаји алата и резиме ревизије
   • Белешке или снимци тестирања читача екрана

📊 Захтеви за формат:

• Формат документа: PDF (професионална презентација)
• Број речи: 2,500-3,500 речи (без прилога и снимака екрана)
• Визуелни елементи: Укључите снимке екрана, дијаграме и примере

---

Одрицање од одговорности:
Овај документ је преведен помоћу услуге за превођење вештачке интелигенције Co-op Translator. Иако настојимо да обезбедимо тачност, молимо вас да имате у виду да аутоматизовани преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати ауторитативним извором. За критичне информације препоручује се професионални превод од стране људи. Не преузимамо одговорност за било каква погрешна тумачења или неспоразуме који могу настати услед коришћења овог превода.