Preverjanje dostopnosti spletišč – WCAG

Preverjanje dostopnosti spletišč po WCAG 2.2: barvni kontrast, nadomestno besedilo, naslovi, simulator barvne slepote.

🔍 Preverjanje dostopnosti spletišč po WCAG 2.0, 2.1 in 2.2 Preverjanje dostopnosti spletišč spremeni katerikoli zavihek brskalnika v revizijsko delovno mesto. Odpri stranski podokno, preglej stran in beri vsako napako, razvrščeno po pravilu, z izmerjeno vrednostjo ob zahtevani meji, z razlogom, s popravkom in s primerom kode za takojšnje lepljenje. Pod pokrovom to preverjanje dostopnosti spletišč poganja axe-core 4.13 ter povrhu lastno plast pravil za tista merila WCAG 2.2, ki jih skoraj nobeno orodje še ne pokriva: velikost cilja, fokus ni zakrit, dostopno preverjanje pristnosti, razmiki besedila in preoblikovanje. Večina si namesti orodje za preverjanje dostopnosti spletišč zaradi enega vprašanja pred izdajo: kaj bo padlo in točno kje. Odgovor je tu v dveh sekundah, na strani, ki je itak odprta, brez koraka gradnje in brez čakalne vrste pri oblačnem pajku. ✅ Kaj pokrije vsako pregledovanje ➤ Kontrast navadnega besedila, velikega besedila in nebesedilnih elementov ➤ Nadomestna besedila, okrasne slike in slike, opisane drugje ➤ Struktura naslovov, mejniki, jezik strani in naslov dokumenta ➤ Oznake obrazcev, besedila povezav, tabele, podnapisi in video ➤ Vrstni red tabulatorja, prikaz fokusa, pasti tipkovnice, velikost cilja 📐 Standardi, ki jih pozna Ugotovitev pomaga šele, ko poimenuje pravilo, po katerem te bodo ocenjevali, zato vsaka najdba nosi svoje merilo uspeha, raven in različico. 1. WCAG 2.0, 2.1 in 2.2 na ravneh A, AA ter AAA 2. Zakon o dostopnosti spletišč in mobilnih aplikacij 3. EN 301 549 in European Accessibility Act v Evropi 4. Section 508, ADA Title III ter AODA v Severni Ameriki 🎨 Kontrast, izmerjen na dva načina Zajemi dve barvi s kapalko, ju uredi v živo in spremljaj razmerje WCAG ob vrednosti APCA Lc. Računalo kontrasta izreče sodbo za navadno besedilo, veliko besedilo in nebesedilne elemente hkrati, zato izid WCAG 2.1 AA leži en pogled od strožjega izida WCAG AAA. APCA je novejša metoda okoli WCAG 3.0. 🕶 Simulacije vida na živi strani 1️⃣ Osem vrst barvnega vida, od protanopije do akromatopsije 2️⃣ Slabovidnost, siva in zelena mrena nad pravo postavitvijo 3️⃣ Način bralnih težav za besedilo, ki noče obstati pri miru Simulator barvne slepote teče na sami strani, nikoli na posnetku zaslona, zato v pregled pridejo tudi stanja hover, grafi in naslovnice videov. 🧭 Najdi težavo brez branja DOM - Locate pripne ploščico z merilom naravnost na napačni element - Zemljevidi naslovov in mejnikov narišejo pravo strukturo čez - Vrstni red fokusa se oštevilči vzdolž prave poti tipkovnice - Nadomestno besedilo se pokaže ob vsaki sliki, tudi okrasni 📄 Izdelki, s katerimi se revizija konča Testiranje je polovica dela. Vse spodnje nastane iz istega pregleda, zato se poročilo o dostopnosti, ki ga oddaš, ujema z zavihkom, ki si ga preizkusil. 📊 Poročilo HTML v lastni podobi, tiska se naravnost v PDF 🧾 CSV in JSON za zahtevke, table ter cevovode ✍ Osnutek izjave o dostopnosti za lastno spletišče 📋 Preglednica v slogu VPAT za javna naročila V ponedeljek generator izjave o dostopnosti, v petek vir poročila o skladnosti. 🌐 Testiranje dostopnosti spletišč čez eno stran Prehodi strani istega origina v enem zamahu, shrani zgodovino in primerjaj dva zagona, da vidiš, kaj se je zlomilo in kaj popravilo. Enkratni pregled postane regresijsko testiranje pred vsako izdajo, natanko to, kar se pričakuje od orodja za spremljanje. ✦ Zakaj ta plošča ostane pripeta ✦ Vsaka najdba pokaže meritev, nikoli meglene besede o resnosti ✦ Napotek razloži popravek, ne le imena pravila ✦ Vse se izvozi, nihče ne sestavlja poročila na roke ✦ Podokno prestane lastno revizijo na ravni WCAG 2.2 AA 🔒 Zasebno že po zasnovi Ne vsebina strani, ne naslovi, ne izidi ne zapustijo računalnika. Skener brez omrežnega klica seže tja, kamor oblačni pregledovalniki nikoli: staging, intranet in notranje gradnje. Brez računa, brez registracije in brez povezave. 👥 Zgrajeno za celotno ekipo Razvijalci pospravijo pred pregledom kode, oblikovalci preverijo barvne odločitve, QA vodi testiranje dostopnosti spletišč znotraj sprinta, agencije pripravijo dokumente za stranko, uredniki odločijo, ali stran gre ven. Ustreza vsaka izrisana stran. ⚡ Trije koraki do izdelka → Pritisni Alt+Shift+A in pusti pregled, da steče → Predelaj seznam, najdi element, popravi in ponovi → Izvozi poročilo, izjavo ali preglednico skladnosti ⚖ Pošteno do svojih meja Samodejna orodja sežejo do približno tretjine meril uspeha WCAG in vsaka ocena ter vsak osnutek to pove naravnost. Hitro pospravi tisto, kar vidi stroj, ure pa prihrani za presoje, ki jih nobeno samodejno orodje ne opravi. Pomoč reviziji, nikoli potrdilo. ⌨ Pripravljeno v desetih sekundah Pripni razširitev, odpri poljubno stran in pritisni Alt+Shift+A. Brez gradnje, brez uvajanja in brez ure poskusne različice. Podokno govori petnajst jezikov.