MagyarmagyarAkadálymentesség
A riport akadálymentességi tesztjei: nagyítás, főcím, alt szöveg, űrlapcímkék, kontraszt, nyelv, billentyűzet.
Az akadálymentességi tesztek azt nézik, hogy az oldalt használhatják-e azok is, akik képernyőolvasóval, billentyűzettel vagy nagyítással böngésznek.
- Nagyítás engedélyezveA teszt azt nézi, hogy a viewport meta nem tiltja-e le a nagyítást. Ha igen, töröld a user-scalable=no és a maximum-scale értékét.
- Főcím (h1)A teszt azt nézi, hogy az oldalon pontosan egy h1 főcím van-e. Ha nincs vagy több van, hagyd meg egyet, a többit írd át h2-re.
- Képek alt szövegeA teszt azt nézi, hogy minden img elemnek van-e alt attribútuma. Írd le röviden a kép tartalmát, a díszítő képeknek pedig adj üres alt="" értéket.
- ŰrlapcímkékA teszt azt nézi, hogy minden beviteli mezőnek van-e címkéje. Kösd a mezőt egy label for elemhez; a placeholder nem helyettesíti a látható címkét.
- Ugrólink a tartalomraA teszt azt nézi, hogy a lap elején van-e ugrólink a fő tartalomra. Tegyél a body elejére egy linket, ami fókuszkor megjelenik és a main elemre mutat.
- KontrasztA teszt a szöveg és a háttér színkontrasztját méri: normál szövegnél legalább 4,5 : 1, nagy szövegnél legalább 3 : 1 kell. Sötétítsd a szöveget vagy világosítsd a hátteret.
- Lang attribútumA teszt azt nézi, hogy a html elemen van-e érvényes lang attribútum. Írd be az oldal nyelvét, például <html lang="hu">.
- Tab-sorrendA teszt azt nézi, hogy van-e nullánál nagyobb tabindex az oldalon, ami felülírja a természetes Tab-sorrendet. Töröld ezeket az értékeket.
- Szemantikus HTMLA teszt azt nézi, hogy van-e az oldalon main elem, és legalább egy header, nav vagy footer. Ha hiányzik, a div-ek helyett használd ezeket.
Készült: