🏷️ Címke: HTML struktúra
Az akadálymentességi fa (Accessibility Tree) szerepe a webfejlesztésben
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? […]
Beszédvezérelt felületek: hogyan tegyük a webet hanggal irányíthatóvá?
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 […]
Akadálymentesítés Elementorral – Gyakorlati Útmutató
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 […]
Minden amit a címsorokról tudni érdemes
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, […]