Web-akadálymentesítési irányelvek szerint (WCAG 2.0) készülő honlapoknak

Időtálló WordPress sablon

A Manducát immár 4 éve fejlesztem. A célom, hogy egy akadálymentes, időtálló és robusztus programot hozzak létre. E WordPress sablon alkalmas ISO/IEC 40500:2012 jelű szabványnak megfelelő honlapok készítésére Ez a szabvány a Web-akadálymentesítési útmutató (WCAG 2.0) névre hallgat. Már megjelent a WCAG 2.1) változata, ami főképp a mobil eszközökre vonatkozó sikerkritériumokat fogalmazza meg. Ez még nem szabvány, de a Manduca fejlesztésénél már figyelembe veszem.

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

A Manduca akadálymentes sablon dizájnja szándékosan primitív. A sablont arra szántam, hogy származtatott sablonnal együtt alkalmazzák. Bármilyen webdizájn kialakítható vele, mert a HTML felépítése hibátlan, rugalmas és egyszerű. Az alábbi ábrákon megtekinthető, hogy eddig milyen különböző oldalakat készítettem, mind WordPress + Manduca + származtatott sablon felállással.

További webdizájnok

Biztonságos és magyar

A Manducát angolul kellett megírnom, hogy bekerülhessen a WordPress sablontárába, de a magyar felhasználók számára speciális funkciókat építettem bele. Amennyire egy sablonnál figyelni lehet erre: a lehető legbiztonságosabb. Folyamatosan megfeleltetem a WordPress szabványainak, bár csak az első változatnál kellett volna. Mindig fut a PHP legfrisebb verizójával, jelenleg a PHP 7.2-vel.

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. Ez a szám úgy jön ki, hogy az ISO/IEC 40500 szabványnak megfelelő weboldalakat nemcsak a fogyatékossággal élők képesek használni (mozgáskorlátozottak, látássérültek), hanem az idősek, a régi eszközöket használók, az alacsonyabb IQ-val rendelkezők, kevésbé ügyes internetezők is. 

 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.

Akadálymentes szolgáltatások

A Manduca sablonba folyamatosan integrálom az akadálymentes szolgáltatásokat: Fókusz-követő, akadálymentes tabulátorok, akadálymentesen nyitható-zárható bekezdések, egyedi-link létrehozás, különlegesen szép aláhúzás. (Az akadálymentes webdizájnban muszáj aláhúzni a linkeket, ez szokott a legjobban fájni mindenkinek. Ha pedig már alá kell húzni, legyen nem zavaró és esztétikus ez az aláhúzás.)

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 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”. Mikor a magyar fordító csapat befejezi a legújabb fordításokat, ennek a gyengénlátók számára is használható helyett az új nevét fogják kiírni. A 3 javaslatomból a legrövidebbet fogadták el: akadálymentes honlaphoz használható, akadálymentes honlaphoz felhasználható, akadálymentesített.

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) 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.

Az akadálymentesség már részben magában foglalja az úgynevezet technikai keresőoptimalizálást is.  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 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 kell beépíteni. Egyszerűek a stíluskódok.

Legyen a honlapod alapja a Manduca!

A Manduca egy WordPress alapsablon, amely önmagában nem néz ki sehogy.  Azért fejlesztem, hogy a legmenőbb honlapokat: a mindenki által használható, azaz  akadálymentes honlapokat el lehessen készíteni vele.

A képlet egyszerű: Telepítsd a Manducát és készíts hozzá egy származtatott sablont. A sablon felépítése hamarosan modern, objektumorientált lesz, könnyen átlátható, bővíthető, testreszabható.  Ennek a megoldásnak az előnye, hogy a Manduca alapsablont a WordPress-el együtt  fejlesztem, így biztosítom, hogy a kimagasló teljesítménye megmaradjon.

Ennyit röviden a sablonról. Irány a letöltőoldal