Az akadálymentesített weboldalak: Miért fontosak és mit kell figyelembe venni fejlesztésükkor?
Az akadálymentes weboldalak olyan digitális platformok, amelyeket az emberek teljes mértékben használhatnak és interakcióba léphetnek, függetlenül az egyéni képességeiktől. Például az olyan felhasználók számára is elérhetőek, akiknek korlátozott a látása, hallása, mozgása vagy akik epilepsziában szenvednek.
A világban 1,3 milliárd ember él fogyatékossággal, ami a világ népességének kb. 15%-a és minden hetedik ember érintett.
Ez a szám azt jelzi, hogy az akadálymentes weboldalak nem csak erkölcsi és etikai kötelességünk, hanem üzleti megközelítésből is előnyökkel járnak. Az akadálymentes weboldalak javítják a SEO-t, így további felhasználókat érhetünk el, ami egy szélesebb piacot eredményez.
Az Európai Unióban a kormányzati és közszféra weboldalakon kötelező az akadálymentesítés, és birosági büntetéssel jár a megsértése. Ezen felül azonban minden fejlesztőnek fontos figyelmet szentelnie az akadálymentesítésre.
MILYEN ALAPVETŐ DOLGOKRA KELL FIGYELNÜNK FEJLESZTŐKÉNT?
Az akadálymentes weboldalak fejlesztésekor a következő alapvető dolgokra kell figyelni:
Szöveg alternatívák
- A képek, formok, gombok megfelelő, egyenértékűek alternatív szöveggel rendelkezzenek
- Olyan képek, amelyek nem közvetítenek tartalmat, dekoratívak, vagy olyan tartalmat tartalmaznak, amely már a szövegben közvetített elemek null alt szöveget (alt="") kapnak, vagy CSS-háttérként valósulnak meg.
- A linkelt képeknek leíró alternatív szövege van
- Minden esetben figyeljünk a megfelelő "title" - címek felvételére pl. Iframek esetében.
- Ne felejtsük el az inputokat label-lel ellátn
Billentyűzet elérhetőség
- A tartalom minden funkciója a billentyűzet keresztül működtethető.
- A vakok általában nem tudnak egeret használni, mert nem látják, hova kell kattintani.
- Egyes neuromuszkuláris károsodásban szenvedő egyének sem használhatnak egeret
- A billentyűzet fókusza soha ne záródjon le.
- A felhasználó elnavigálhat az összes navigálható oldalelemhez csak egy billentyűzet használatával
Jó billentyűzet elérhetősségre pár példaoldal:
Adjunk elég időt a felhasználóknak
- Ha egy oldal vagy alkalmazás időkorláttal rendelkezik, a felhasználó lehetőséget kap a kikapcsolásra, beállításra.
- A megszakításokat (figyelmeztetések, oldalfrissítések stb.) elhalaszthatja vagy kikapcsolhatja felhasználó
- Automatikusan mozgó, villogó vagy görgető tartalom (például carousel, marquees vagy animációk), amelyek 5 másodpercnél tovább tartanak, szüneteltethetők, leállíthatók.
Rohamok
- Ne tervezzen olyan tartalmat, amelyről ismert, hogy rohamokat vált ki.
- Bizonyos villogó képernyőeffektusok rohamot okozhatnak.
- A weboldalakat úgy kell megtervezni, hogy ne okozzanak rohamot.
- A villogás gyakoriságának olyan tartományra történő korlátozásával, amely nem káros
MILYEN ESZKÖZÖKKEL TUDUNK GYORSAN JAVÍTANI AZ OLDALUNKON?
Annak elkerülése érdekében, hogy sok időt a WCAG oldal tanulmányozásával töltsünk itt egy pár eszköz ami megkönnyíti a munkánkat
Egy nagyon részletes repository összefoglalva azokat a tényezőket, amelyeket érdemes szem előtt tartani fejlesztés közben
Google chrome böngésző add-on, gyors és hasznos eszköz egy-egy oldal felmérésére. Segítségével oldalbetöltődési időt számolhatunk asztali és mobilos nézetben, hasznos tippekkel lát el.
