Playbook3 rész · 2 percÍrta: Dezső Mező · Megjelent 2026. október 3..mdA11yWCAGFrontendUX
Az akadálymentesítési adósság többnyire nem egzotikus: kontraszt, ami a világos témán elbukik, fókuszgyűrű, amit senki nem lát, alternatív szöveg nélküli képek és űrlapok, amiknél a címke díszlet. Egy délután kijavítja a lista tetejét.
01Tabold végig az egész oldalt egyszer
A csak-billentyűzet audit a legolcsóbb, ami létezik. Ha a fókusz láthatatlan, csapdás vagy logikátlan, a látogatók egy számottevő része ugyanabba a falba ütközik. A javítás általában egy :focus-visible szabály és egy becsületes DOM-sorrend.
02A kontraszt szám, nem ízlés
A WCAG AA 4,5:1 törzsszövegre és 3:1 nagybetűsre. Ennek az oldalnak a brand-korallja is épp emiatt kapott sötétebb változatot a papíros hátterekre; mérd ki a párt, igazítsd a tokent, kész.
03Alt-szöveg, ami leír, nem narrál
A termékfotónak azt kell tartalmaznia, amit elad; a díszítő elválasztónak üres alt kell, hogy a képernyőolvasó átugorja a „kép” felolvasása helyett. A leggyakoribb hiba nem a hiányzó alt-szöveg, hanem a haszontalan.
Amit érdemes elvinni
- Csinálj egy teljes billentyűkört — a legolcsóbb audit.
- A kontrasztot témánként mérd, nem színenként.
- Az alt-szöveg funkciót ír le; a dísz üres alt-ot kap.
- A címke az inputhoz tartozik, nem a kinézethez — kösd össze őket.
Több a laborból
Összes bejegyzés
Hol veszíti el a pénztárgép a vásárlást
Mennyibe kerül tényleg az egyedi szoftver
Egyedi szoftver vagy dobozos — a becsületes teszt
A retainer első kilencven napja, ahogy tényleg megy
Megnézzük ugyanezt a te rendszereden?Kezdjünk bele
