Kontrola přístupnosti webu – WCAG

Kontrola přístupnosti webu podle WCAG 2.2: kontrast barev, alt text, nadpisy, pořadí fokusu, simulátor barvosleposti, reporty.

🔍 Kontrola přístupnosti webu podle WCAG 2.0, 2.1 a 2.2 Kontrola přístupnosti webu promění libovolnou kartu prohlížeče v auditní pracoviště. Otevři boční panel, prohledej stránku a čti každou chybu seskupenou podle pravidla, s naměřenou hodnotou vedle požadované meze, s důvodem, s opravou a s ukázkou kódu připravenou ke vložení. Pod kapotou tato kontrola přístupnosti webu spouští axe-core 4.13 a navíc vlastní vrstvu pravidel pro kritéria WCAG 2.2, která zatím skoro žádný nástroj nepokrývá: velikost cíle, fokus není zakrytý, přístupné ověření, rozestupy textu a přeformátování. Většina lidí si instaluje nástroj na kontrolu přístupnosti webu kvůli jediné otázce před vydáním: co propadne a přesně kde. Odpověď je tu za dvě vteřiny, na stránce, kterou máš stejně otevřenou, bez kroku sestavení a bez fronty u cloudového robota. ✅ Co pokrývá každé skenování ➤ Kontrast běžného textu, velkého textu a netextových prvků ➤ Alternativní texty, dekorativní obrázky a obrázky popsané jinde ➤ Struktura nadpisů, orientační body, jazyk stránky a titulek dokumentu ➤ Popisky formulářů, texty odkazů, tabulky, titulky a video alternativy ➤ Pořadí tabulátoru, indikátor fokusu, pasti klávesnice, velikost cíle 📐 Normy, které zná Výsledek pomůže teprve tehdy, když pojmenuje pravidlo, podle kterého tě budou hodnotit, takže každý nález nese své kritérium úspěchu, úroveň a verzi. 1. WCAG 2.0, 2.1 a 2.2 na úrovních A, AA a AAA 2. Zákon o přístupnosti internetových stránek veřejné správy 3. EN 301 549 a European Accessibility Act v Evropě 4. Section 508, ADA Title III a AODA v Severní Americe 🎨 Kontrast měřený dvěma způsoby Naber kapátkem dvě barvy, uprav je naživo a sleduj poměr WCAG vedle hodnoty APCA Lc. Kalkulačka kontrastu vynese verdikt pro běžný text, velký text i netextové prvky naráz, takže výsledek WCAG 2.1 AA leží jeden pohled od přísnějšího výsledku WCAG AAA. APCA je novější metoda kolem WCAG 3.0. 🕶 Simulace zraku na živé stránce 1️⃣ Osm typů barevného vidění, od protanopie po achromatopsii 2️⃣ Slabozrakost, šedý a zelený zákal nad skutečným rozvržením 3️⃣ Režim potíží se čtením pro text, který nechce zůstat v klidu Simulátor barvosleposti běží na samotné stránce, nikdy na snímku obrazovky, takže do přehledu spadnou i stavy hover, grafy a náhledy videí. 🧭 Najdi problém bez čtení DOM - Locate připne štítek s kritériem přímo na chybný prvek - Mapy nadpisů a orientačních bodů kreslí skutečnou strukturu - Pořadí fokusu se očísluje podél reálné cesty klávesnice - Alternativní text se ukáže u každého obrázku, i u dekorativních 📄 Výstupy, kterými audit končí Testování je půlka práce. Všechno níže vzniká z jednoho skenu, takže zpráva o přístupnosti, kterou předáváš, sedí na kartu, kterou jsi zkoušel. 📊 HTML zpráva ve vlastním vzhledu, tiskne se rovnou do PDF 🧾 CSV a JSON pro tikety, nástěnky a pipeline ✍ Koncept prohlášení o přístupnosti vlastního webu 📋 Tabulka ve stylu VPAT pro veřejné zakázky V pondělí generátor prohlášení o přístupnosti, v pátek zdroj zprávy o shodě. 🌐 Testování přístupnosti webu dál než jedna stránka Projdi stránky stejného originu v jednom průchodu, ulož historii a porovnej dva běhy, ať vidíš, co se rozbilo a co se spravilo. Z jednorázové kontroly se stane regresní testování před každým vydáním, přesně to, co se od nástroje pro sledování čeká. ✦ Proč zůstává tento panel připnutý ✦ Každý nález ukazuje naměřenou hodnotu, ne mlhavé slovo ✦ Rada vysvětlí opravu, ne pouze název pravidla ✦ Všechno se exportuje, nikdo neskládá zprávu ručně ✦ Panel projde vlastním auditem na úrovni WCAG 2.2 AA 🔒 Soukromé už návrhem Obsah stránky, adresy ani výsledky neopustí počítač. Skener bez síťového volání dosáhne tam, kam se cloudové skenery nedostanou: staging, intranet a interní sestavení. Bez účtu, bez registrace a bez připojení. 👥 Postaveno pro celý tým Vývojáři uklízejí před review, designéři ověřují barevná rozhodnutí, QA vede testování přístupnosti webu uvnitř sprintu, agentury tvoří dokumenty pro klienta, redakce rozhoduje, zda stránka půjde ven. Hodí se každá vykreslená stránka. ⚡ Tři kroky k výstupu → Stiskni Alt+Shift+A a nech skenování proběhnout → Zpracuj seznam, najdi prvek, oprav a zopakuj kontrolu → Vyexportuj zprávu, prohlášení nebo tabulku shody ⚖ Poctivé ke svým mezím Automatické nástroje dosáhnou zhruba na třetinu kritérií úspěchu WCAG a každé skóre i každý koncept to říká rovnou. Rychle ukliď to, co stroj vidí, a hodiny si nech na úsudky, které žádný automatický nástroj neudělá. Pomoc auditu, nikdy certifikát. ⌨ Připraveno za deset vteřin Připni rozšíření, otevři libovolnou stránku a stiskni Alt+Shift+A. Žádné sestavení, žádné zaškolení, žádné odpočítávání zkušební verze. Panel mluví patnácti jazyky.