Провера приступачности веба – WCAG

Провера приступачности веба по WCAG 2.2: контраст боја, алтернативни текст, наслови, редослед фокуса, симулатор далтонизма.

🔍 Провера приступачности веба по WCAG 2.0, 2.1 и 2.2 Провера приступачности веба претвара било коју картицу прегледача у ревизорско радно место. Отвори бочну плочу, скенирај страницу и читај сваку грешку груписану по правилу, са измереном вредношћу поред тражене границе, са разлогом, са исправком и са примером кода спремним за лепљење. Испод хаубе ова провера приступачности веба покреће axe-core 4.13 и уз то сопствени слој правила за она мерила WCAG 2.2 која скоро ниједна алатка још не покрива: величина циља, фокус није заклоњен, приступачна пријава, размаци текста и преломљивост. Већина инсталира алатку за проверу приступачности веба због једног питања пре објаве: шта ће пасти и тачно где. Одговор стиже за две секунде, на страници која је ионако отворена, без корака изградње и без реда код облачног пужа. ✅ Шта покрива свако скенирање ➤ Контраст обичног текста, крупног текста и нетекстуалних елемената ➤ Алтернативни текстови, украсне слике и слике описане другде ➤ Структура наслова, оријентири, језик странице и наслов документа ➤ Ознаке образаца, текстови веза, табеле, титлови и видео замене ➤ Редослед табулатора, приказ фокуса, замке тастатуре, величина циља 📐 Стандарди које познаје Налаз помаже тек кад именује правило по коме ће те мерити, па сваки налаз носи своје мерило успеха, ниво и верзију. 1. WCAG 2.0, 2.1 и 2.2 на нивоима A, AA и AAA 2. Стандарди приступачности за органе јавне управе 3. EN 301 549 и European Accessibility Act у Европи 4. Section 508, ADA Title III и AODA у Северној Америци 🎨 Контраст измерен на два начина Узми две боје капаљком, уреди их уживо и прати однос WCAG поред вредности APCA Lc. Калкулатор контраста доноси пресуду за обичан текст, крупан текст и нетекстуалне елементе одједном, па исход WCAG 2.1 AA лежи један поглед од строжег исхода WCAG AAA. APCA је новија метода око WCAG 3.0. 🕶 Симулације вида на живој страници 1️⃣ Осам типова вида боја, од протанопије до ахроматопсије 2️⃣ Слабовидост, сива и зелена мрена преко правог распореда 3️⃣ Режим тешкоћа читања за текст који не жели да мирује Симулатор слепила за боје ради на самој страници, никад на снимку екрана, па у преглед улазе и стања hover, графикони и насловнице видеа. 🧭 Нађи проблем без читања DOM-а - Locate закачи плочицу са мерилом право на неисправан елемент - Мапе наслова и оријентира цртају праву структуру преко распореда - Редослед фокуса нумерише се уз стварну путању тастатуре - Алтернативни текст појављује се уз сваку слику, и уз украсну 📄 Испоруке којима се ревизија завршава Тестирање је пола посла. Све ниже настаје из истог скенирања, па извештај о приступачности који предајеш одговара картици коју си испитао. 📊 HTML извештај у сопственом руху, штампа се право у PDF 🧾 CSV и JSON за тикете, табле и цевоводе ✍ Нацрт изјаве о приступачности за сопствени сајт 📋 Табела у стилу VPAT за јавне набавке У понедељак генератор изјаве о приступачности, у петак извор извештаја о усклађености. 🌐 Тестирање приступачности веба даље од једне странице Прођи странице истог оригина у једном пролазу, сачувај историју и упореди два извођења да видиш шта се сломило и шта је поправљено. Једнократна контрола постаје регресионо тестирање пре сваке објаве, управо оно што се очекује од алатке за надзор. ✦ Зашто овај панел остаје закачен ✦ Сваки налаз показује мерење, никад магловиту реч о тежини ✦ Упутство објашњава исправку, не само назив правила ✦ Све се извози, нико не слаже извештај руком ✦ Плоча пролази сопствену ревизију на нивоу WCAG 2.2 AA 🔒 Приватно већ по замисли Ни садржај странице, ни адресе, ни резултати не напуштају рачунар. Скенер без мрежног позива стиже тамо где облачни скенери никад не долазе: staging, интранет и интерне градње. Без налога, без регистрације и без везе. 👥 Грађено за цео тим Програмери чисте пре прегледа кода, дизајнери проверавају одлуке о бојама, QA води тестирање приступачности веба унутар спринта, агенције праве документе за клијента, уредници одлучују да ли страница излази. Одговара свака исцртана страница. ⚡ Три корака до испоруке → Притисни Alt+Shift+A и пусти скенирање да прође → Обради списак, нађи елемент, исправи и понови проверу → Извези извештај, изјаву или табелу усклађености ⚖ Поштено о сопственим границама Аутоматске алатке досежу отприлике трећину мерила успеха WCAG, а сваки резултат и сваки нацрт то каже отворено. Брзо почисти оно што машина види, а сате остави за процене које ниједна аутоматска алатка не доноси. Помоћ ревизији, никад потврда. ⌨ Спремно за десет секунди Закачи проширење, отвори било коју страницу и притисни Alt+Shift+A. Без градње, без увода и без сата пробног периода. Плоча говори петнаест језика.