Provjera pristupačnosti weba – WCAG

Provjera pristupačnosti weba prema WCAG 2.2: kontrast boja, alt tekst, naslovi, redoslijed fokusa, simulator daltonizma.

🔍 Provjera pristupačnosti weba prema WCAG 2.0, 2.1 i 2.2 Provjera pristupačnosti weba pretvara bilo koju karticu preglednika u revizijsko radno mjesto. Otvori bočnu ploču, skeniraj stranicu i čitaj svaku pogrešku grupiranu po pravilu, s izmjerenom vrijednošću uz traženu granicu, s razlogom, s ispravkom i s primjerom koda spremnim za lijepljenje. Ispod haube ova provjera pristupačnosti weba pokreće axe-core 4.13 te uz to vlastiti sloj pravila za ona mjerila WCAG 2.2 koja gotovo nijedan alat još ne pokriva: veličina cilja, fokus nije zaklonjen, pristupačna prijava, razmaci teksta i preslagivanje. Većina instalira alat za provjeru pristupačnosti weba zbog jednog pitanja prije objave: što će pasti i točno gdje. Odgovor stiže za dvije sekunde, na stranici koja je ionako otvorena, bez koraka izgradnje i bez reda kod crawlera u oblaku. ✅ Što pokriva svako skeniranje ➤ Kontrast običnog teksta, velikog teksta i netekstualnih elemenata ➤ Alternativni tekstovi, ukrasne slike i slike opisane drugdje ➤ Struktura naslova, orijentiri, jezik stranice i naslov dokumenta ➤ Oznake obrazaca, tekstovi poveznica, tablice, titlovi i video ➤ Redoslijed tabulatora, prikaz fokusa, zamke tipkovnice, veličina cilja 📐 Standardi koje poznaje Nalaz pomaže tek kad imenuje pravilo po kojem će te mjeriti, pa svaki nalaz nosi svoje mjerilo uspjeha, razinu i inačicu. 1. WCAG 2.0, 2.1 i 2.2 na razinama A, AA i AAA 2. Zakon o pristupačnosti mrežnih stranica javnog sektora 3. EN 301 549 i European Accessibility Act u Europi 4. Section 508, ADA Title III i AODA u Sjevernoj Americi 🎨 Kontrast izmjeren na dva načina Uzmi dvije boje kapaljkom, uredi ih uživo i prati omjer WCAG uz vrijednost APCA Lc. Kalkulator kontrasta donosi presudu za obični tekst, veliki tekst i netekstualne elemente odjednom, pa ishod WCAG 2.1 AA leži jedan pogled od strožeg ishoda WCAG AAA. APCA je novija metoda oko WCAG 3.0. 🕶 Simulacije vida na živoj stranici 1️⃣ Osam tipova vida boja, od protanopije do akromatopsije 2️⃣ Slabovidnost, siva i zelena mrena preko pravog rasporeda 3️⃣ Način poteškoća čitanja za tekst koji ne želi mirovati Simulator sljepoće za boje radi na samoj stranici, nikad na snimci zaslona, pa u pregled ulaze i stanja hover, grafikoni te naslovnice videa. 🧭 Nađi problem bez čitanja DOM-a - Locate prikvači pločicu s mjerilom ravno na neispravan element - Karte naslova i orijentira crtaju pravu strukturu preko rasporeda - Redoslijed fokusa numerira se uz stvarni put tipkovnice - Alternativni tekst pojavljuje se uz svaku sliku, i uz ukrasnu 📄 Isporuke kojima revizija završava Testiranje je pola posla. Sve niže nastaje iz istog skeniranja, pa izvještaj o pristupačnosti koji predaješ odgovara kartici koju si ispitao. 📊 HTML izvještaj u vlastitom ruhu, ispisuje se ravno u PDF 🧾 CSV i JSON za tikete, ploče te cjevovode ✍ Nacrt izjave o pristupačnosti za vlastitu stranicu 📋 Tablica u stilu VPAT za javnu nabavu U ponedjeljak generator izjave o pristupačnosti, u petak izvor izvještaja o sukladnosti. 🌐 Testiranje pristupačnosti weba dalje od jedne stranice Prođi stranice istog origina u jednom prolazu, sačuvaj povijest i usporedi dva izvođenja da vidiš što se slomilo i što je popravljeno. Jednokratna kontrola postaje regresijsko testiranje prije svake objave, upravo ono što se očekuje od alata za nadzor. ✦ Zašto ova ploča ostaje prikvačena ✦ Svaki nalaz pokazuje mjerenje, nikad maglovitu riječ o težini ✦ Uputa objašnjava ispravak, ne samo naziv pravila ✦ Sve se izvozi, nitko ne slaže izvještaj rukom ✦ Ploča prolazi vlastitu reviziju na razini WCAG 2.2 AA 🔒 Privatno već po dizajnu Ni sadržaj stranice, ni adrese, ni rezultati ne napuštaju računalo. Skener bez mrežnog poziva stiže tamo kamo skeneri u oblaku nikad ne dođu: staging, intranet i interne gradnje. Bez računa, bez registracije i bez veze. 👥 Građeno za cijeli tim Programeri čiste prije pregleda koda, dizajneri provjeravaju odluke o bojama, QA vodi testiranje pristupačnosti weba unutar sprinta, agencije rade dokumente za klijenta, urednici odlučuju ide li stranica van. Odgovara svaka iscrtana stranica. ⚡ Tri koraka do isporuke → Pritisni Alt+Shift+A i pusti skeniranje da prođe → Obradi popis, nađi element, ispravi i ponovi provjeru → Izvezi izvještaj, izjavu ili tablicu sukladnosti ⚖ Pošteno o vlastitim granicama Automatski alati dosežu otprilike trećinu mjerila uspjeha WCAG, a svaki rezultat i svaki nacrt to kaže otvoreno. Brzo počisti ono što stroj vidi, a sate ostavi za prosudbe koje nijedan automatski alat ne donosi. Pomoć reviziji, nikad potvrda. ⌨ Spremno za deset sekundi Prikvači proširenje, otvori bilo koju stranicu i pritisni Alt+Shift+A. Bez gradnje, bez uvoda i bez sata probnog razdoblja. Ploča govori petnaest jezika.