Hivatalos Kódvéna-képzésKözéphaladó
Webes akadálymentesség alapjai
A fodrászat nyitóoldala és időpontkérője billentyűzettel, nagyítással és képernyőolvasóval is használható legyen.
A Napsugár fodrászat nyitóoldalán és időpontkérőjén végigmész: ki akad el, ha a menü csak egérrel nyílik, a címsor csak kinézet, a gomb neve üres, a fókusz eltűnik, a hiba pedig csak egy piros keret. A végére címsorvázlatot és tartományt ellenőrizel, nevet adsz a gombnak, a linknek és a képnek, látható fókuszt hagysz, és az űrlaphibát szöveggel, aria-invalid állapottal jelzed. Utána szétválasztod, mit fog meg egy automatikus ellenőrzés, és mit kell kézzel, billentyűzettel végignézni.
Mit tanulsz meg?
- Megnevezed, ki akad el egy tipikus céges oldalon, és miért.
- Címsorvázlatot és a landmarkok szerepét ellenőrzöd.
- Minden interaktív elemnek nevet adsz, és egér nélkül is elérhetővé teszed.
- A fókuszt láthatóvá teszed, és a sorrendet a látványhoz igazítod.
- Űrlaphibát szöveggel is jelzel.
- Kontrasztot és a kép alt szövegét egy konkrét oldalon javítod.
- Az automatikus ellenőrzés és a kézi billentyűzetpróba helyét elkülöníted.
Tanmenet
4 modul · 10 lecke · minden modul végén zárókvíz
Kinek szól?
- Frontendeseknek és oldalukat maguk szerkesztő vállalkozóknak, akik billentyűzettel és képernyőolvasóval is használható oldalt szeretnének.
Előfeltételek
- HTML-alapok: szemantikus weboldalak
- CSS és reszponzív webdesign
Források
- WCAG 2 áttekintés (W3C WAI)
- Fejlesztés az akadálymentes webhez (W3C WAI)
- Akadálymentesség (MDN)
- A WCAG értelmezése (MDN)
Utoljára ellenőrizve: 2026. 11. 12.