A felugró ablakok – más néven modális párbeszédablakok vagy dialógusok – gyakori elemei a modern webalkalmazásoknak. Gondoljunk például egy bejelentkező ablakra vagy törlés megerősítésére szolgáló modális dialógusra. Ezek az ablakok a fő tartalom fölött jelennek meg, és amíg be nem zárjuk őket, a háttérben lévő oldal nem elérhető. Az ilyen megoldások akadálymentesítése kritikus fontosságú, mert […]
A modern weboldalak elkészítése során gyakran a vizuális DOM struktúrára fókuszálunk, de a kisegítő technológiák (pl. képernyőolvasók) más szempontból nézik a tartalmat: egy strukturált, szemantikus reprezentációt kapnak – ez az akadálymentességi fa (accessibility tree). Ebben a cikkben bemutatom, hogyan épül fel, mi a szerepe, és hogyan segíthet fejlesztőként az akadálymentesítésben. Mi az az akadálymentességi fa? […]
A webes akadálymentesség terén sok fejlesztő találkozott már csábítóan egyszerű ígéretekkel: „Csak telepítsd ezt a plugint, és a weboldalad máris megfelel a WCAG szabványnak!” Az úgynevezett overlay bővítmények azt ígérik, hogy egy kis kódrészlet vagy widget hozzáadásával automatikusan kijavítják az oldal akadálymentesítési hibáit, sőt „AI” segítségével teljes WCAG-megfelelést érnek el. De a WCAG megfelelőség nem […]
A digitális akadálymentesítés célja, hogy a fogyatékossággal élők és minden más felhasználó egyenlő eséllyel férhessen hozzá a weboldalakhoz és mobilalkalmazásokhoz. Magyarországon körülbelül 450 ezer fogyatékossággal élő ember (a lakosság ~5%-a) érintett az akadálymentességben, és ide számolhatók az idősödők vagy átmeneti korlátozottsággal élők is. Az EU és Magyarország szabályozása egyaránt azt az elvet követi, hogy minden […]
A hangvezérlés – vagyis a weboldal hangparancsokkal történő irányítása – egyre fontosabbá válik az akadálymentes webfejlesztésben. Hangalapú vezérléssel azok a felhasználók tudják használni az oldalt, akik valamilyen okból nem vagy nehezen tudnak egeret és billentyűzetet használni. Ide tartoznak például a mozgássérült felhasználók, vagy bárki, aki inkább beszéddel navigálna. Napjaink operációs rendszerei már beépítve kínálnak hangvezérlési […]
Az EN 301 549 az Európai Unió harmonizált akadálymentességi szabványa, amely a digitális termékek és szolgáltatások hozzáférhetőségét hivatott biztosítani. Az utóbbi években jelentősen felértékelődött a digitális akadálymentesség szerepe: az Európai Unió szigorú előírásokat vezetett be annak érdekében, hogy a weboldalak, mobilalkalmazások és más informatikai termékek mindenki számára hozzáférhetőek legyenek. Fejlesztőknek és döntéshozóknak egyaránt fontos megérteni, […]
Sokan azt gondolják, hogy néhány beállítás az oldalon, esetleg pár akadálymentességet elősegítő bővítmény felrakása, és máris kipipálhatják ezt a „funkciót”. Ez korántsem ilyen egyszerű, ugyanis rengeteg kritériumnak kell megfelelni ahhoz hogy a weboldal valóban akadálymentes lehessen. A jó hír viszont az, hogy pár egyszerű lépéssel rengeteg pontot kipipálhatsz a listán. Ebben az útmutatóban végigvezetlek a […]
A címsorok helyes használata alapvető fontosságú a weboldalak szerkezetének kialakításában. Nemcsak a vizuális hierarchiát teremtik meg, hanem a képernyőolvasók számára is nélkülözhetetlen navigációs pontokat jelentenek. Ebben az átfogó útmutatóban megvizsgáljuk a WCAG szabványok előírásait, a legjobb gyakorlatokat, és választ adunk a leggyakoribb kérdésekre – többek között arra is, hogy hány H1 elem lehet egy oldalon, […]