WCAG 2.0 szerinti akadálymentes honlap

Bármilyen divatos dizájn megvalósítható

A Manduca design-ja szándékosan maradt egyszerű és konzervatív. Egy származtatott sablonnal egy hét alatt bármilyen megjelenést ki lehet alakítani. Nézd meg, hogy eddig milyen különböző oldalakat készítettem, mind Manducával.

További webdizájnok (külső)

Könnyen használható, könnyen kezelhető

A (WCAG 2.0 címe magyarul: Web Akadálymentesítési Útmutató 2.0. Azonban az angol accessibility szót tévesen akadálymentességnek fordították, holott a jelentése egyáltalán nem helyes. Ez az angol szó könnyű hozzáférhetőséget, könnyű használhatóságot, könnyű elérhetőséget jelent. Ez a gyakorlatban azt jelenti, hogy a szabványnak megfelelő weboldalakat 20-50 százalékkal többen tudják használni. Az akadálymentességhez tehát csak annyi köze van, hogy ebben a 20-50 százalékban az ún. fogyatékossággal élők is beletartoznak.

 A világ egyetlen akadálymentes tartalomkezelő rendszere: a WordPress

A WordPress a világon a legelterjedtebb, nyílt forráskódú azaz ingyen használható tartalomkezelő és blogrendszere. Az adminisztratív felülete könnyen használható, felhasználó-barát, akadálymentes. E tartalomkezelő rendszerhez használható a Manduca sablon.

Nem mindegyik sablonnal, lehet kialakítani akadálymentes honlapot. A Manducát 2015 óta fejlesztem azért, hogy mindenki által használható honlapokat alkossanak gyereksablonok segítségével. A nemzetközi Web-akadálymentesítési irányelvek (WCAG 2.0) egyben az Európai Unióban is elfogadott világszabvány (ISO/IEC:40500:2012). Ebben leírt kritériumoknak megfelel a Manduca. Egy honlap azonban csak akkor minősíthető a szabvány szerint, ha a sablonon kívül a bővítmények és a tartalomfeltöltés is megfelelő.

E sablonnal kialakított honlapok megfelelhetnek a pénzintézetek számára kiadott Magyar Nemzeti Bank 4/2017. (III.13.) számú ajánlásának (a fogyatékos ügyfelekkel kapcsolatos bánásmódról) c. ajánlás V.3. Online és technológiai szolgáltatások fejezetének 25. pontjának, és a MSZ EN 301 549:2014 szabványnak is.

Mit jelent az alábbi WordPress címke: Gyengénlátók számára is használható?

Az ingyenes sablonok tárából (külső) szűrők segítségével lehet kikeresni azokat, amelyeket a fordító „gyengénlátók számára is használható”. E sablonoknak egy szigorú kritériumrendszer alapján végzett szakértői ellenőrzésen kell megfelelniük.

A címkét nagyon rosszul fordították magyarra. A „gyengénlátók számára is használható” (angolul: accessibility-ready) valódi jelentése valami ilyesmi lehetne „akadálymentes honlap készítésére alkalmas”.

Az akadálymentesség minőséget jelent

A sablon és szabvány célkitűzése ugyanaz: hogy minden ember, képességeitől függetlenül gyorsan és könnyen megtalálja benne az őt érintő tartalmat, és könnyen tudja használni. Ennek alapja,  hogy minden eszközön és hálózaton keresztül gyorsan betöltődjön és hibátlanul legyen kódolva.

Egér nélkül is működik

Sokan szeretnék használni a honlapot billentyűzetről. Emiatt a fókusz jól látható és követhető. A fókusz-kígyó (focus-snail nevű JavaScript (külső)) vizuálisan megjeleníti a fókusz haladását egy kék színű kígyózó sávval.

Képernyőolvasókkal használható, a Google könnyen indexeli.

A HTML elemek szabványos használata (területjelzések, címsorszintek, flow-elemek stb,)  megfelelő alkalmazása nemcsak a látássérülteknek biztosítja a könnyű használhatóságot, de a legnagyobb látássérült felhasználónak: a Google (és más) keresőrobotoknak is.

Ergonómia

  • Bár a Manducát mindig gyereksablonnal használtam, az egyszerű design minta az akadálymentes tipográfiához:
  • Áttekinthető, egyszerű, nem túlzsúfolt;
  • A tartalmi blokkok kiemelve és elkülönítve jól tagoltan láthatók;
  • A gombokat színnel, kontúrral megkülönböztettem;
  • Könnyű navigálhatóság: fejlécben kereső, fejrész alatt kenyérmorzsa;
  • A kimenő linkeket ikonnal is megjelöltem;
  • Látható különbség a már meglátogatott linkek és a még nem meglátogatott linkek közt;
  • A sablonban is használt Verdana (külső) betűtípust képernyőn olvasáshoz fejlesztették.
  • Megfelelő (WCAG 2.0 AA szintű) kontrasztarányok;

Minden böngészővel működik

A Manducát az egyetemes weboldaltervezés szabályait követve fejlesztem. Rengeteget tesztelem, és tesztelik mások több tucat böngészőn, különböző képernyőfelbontással, képernyőolvasóval, nagy kontrasztú üzemmódban is. Nincsenek a sablonban felesleges kódok. Ezeket a származtatott sablonba (child-theme kell beépíteni. Egyszerűek a stíluskódok.

Nyílt forráskódú projekt

Ez egy ingyenes magyar sablon, de a WordPress szabályainak megfelelően minden szöveget angolul kellett megadnom, és a fordítást pedig külön meg kell adnom a sablon fordítási felületén. A GitHub-on mindig elérhető a létező legfrissebb változat (a magyar nyelvi fájllal együtt). Ez a változat nem biztos, hogy egyezik a sablontárba (theme repository feltöltött változattal. Először alaposan teszteljük, és csak aztán töltöm fel, minden hónapban egyszer. A frissítés verziószáma jelzi az évet és a hónapot. Pl. 16.4-es verzió a 2016. áprilisi frissítés.

Ennyit röviden a sablonról. Irány a letöltőoldal (külső)