A négy WCAG-elv
A WCAG (Web Content Accessibility Guidelines) négy elven alapul: érzékelhetőség, kezelhetőség, érthetőség és robusztusság. Ezek a tartalom nyelvétől függetlenül érvényesek. Az érzékelhetőség azt jelenti, hogy minden információt a látás- vagy hallássérült felhasználók is érzékelhessenek. A kezelhetőség biztosítja, hogy minden funkció billentyűzettel és időbeli korlátozások nélkül használható legyen. Az érthetőség egyértelmű nyelvezetet és következetes navigációt követel meg. A robusztusság garantálja a kompatibilitást a segítő technológiákkal. Nemzetközi weboldalak esetében ezeket az elveket minden nyelvi változatban egyformán kell alkalmazni.
Nyelv megjelölése a lang-attribútummal
A HTML-elem lang-attribútuma egy oldal vagy szakasz természetes nyelvét adja meg. A képernyőolvasók ezt az attribútumot használják a helyes kiejtés és hangsúly kiválasztásához. Többnyelvű oldalak esetén a lang-attribútumot helyesen kell beállítani a főoldalon és a szöveg nyelvi váltásainál. Például: <html lang=“de“> a némethez és <span lang=“en“> az angol részekhez. Ha ez az attribútum hiányzik, az oldal használata jelentősen megnehezülhet a látássérült emberek számára. Ezért ellenőrizze minden nyelvi változat teljes és helyes attribútumozását.
Kontrasztok és színek
A szöveg és a háttér közötti megfelelő kontraszt elengedhetetlen az olvashatósághoz. A WCAG AA szintje legalább 4,5:1 kontrasztarányt ír elő normál szöveg esetén, és 3:1-et nagy szöveg esetén. Ez a weboldal minden nyelvére vonatkozik. Kerülje a pusztán színkülönbségeken alapuló információkat, mivel a színvak felhasználók nem érzékelik azokat. Használjon emellett szimbólumokat vagy szöveges jelöléseket. A színpalettákat minden helyi változatban ellenőrizni kell, mivel a kulturális asszociációk eltérőek lehetnek. Tesztelje oldalait kontrasztelemző eszközökkel a fejlesztés során.
Billentyűzet használat
Minden interaktív elemnek billentyűzettel elérhetőnek és kezelhetőnek kell lennie. Ez vonatkozik a linkekre, gombokra, űrlapmezőkre és menükre. A fókusznak láthatónak kell lennie, lehetőleg egy jól látható fókuszkerettel. Kerülje az olyan elemeket, amelyek csak egérrel vagy érintéssel működnek. Különösen a bonyolult navigációval rendelkező nemzetközi oldalak esetében a billentyűzet használatát minden nyelvi változatban tesztelni kell. A dinamikus tartalmaknak, például a modális ablakoknak helyesen kell kezelniük a fókuszt. Győződjön meg arról, hogy a DOM-beli elemek sorrendje megegyezik a logikai sorrenddel, és nem csak a CSS határozza meg.
Alt-szövegek többnyelvű környezetben
Az Alt-szövegek a képernyőolvasók számára írják le a képeket, és a környező oldal nyelvén kell megírni őket. Többnyelvű weboldalak esetén ez azt jelenti, hogy minden kép az adott nyelvi változatban kap Alt-szöveget. Ne használjon automatikus fordításokat, hanem készítsen megfelelő leírásokat minden célcsoport számára. A szöveget tartalmazó grafikáknak a bennük lévő szöveget kell Alt-szövegként megadniuk. A dekoratív képek üres Alt-szöveget kapnak (alt=““), hogy a segédeszközök figyelmen kívül hagyják őket. Ez a megközelítés biztosítja, hogy a tartalom minden nyelven hozzáférhető maradjon.
