Akadálymentesítési ellenőrzőlista

Mit kell tenned, hogy akadálymentes űrlapot készíts? A Gravity Forms a WCAG 2.1 AA szabványnak (a webes akadálymentesség nemzetközi szabványa) való megfelelésre készült. Ez az ellenőrzőlista a legfontosabb beállításokon és mezőkön vezet végig, hogy az űrlap minél több látogató számára használható legyen. A „miért”-ről az Akadálymentes űrlapok tartalomkészítőknek fejezet szól.

Korlátok

Az ellenőrzőlista segít, de nem garantálja az akadálymentességet. Több külső tényező is befolyásolja, és az akadálymentesség kutatói sem értenek mindenben egyet. Szigorú megfelelési követelmény esetén kérj akadálymentesítési szakértői tanácsot is.

A lista nem érinti a bővítmények saját űrlapelemeit, például a fizetési kiegészítők mezőit. A lista a Gravity Forms 2.9 alapján készült.

A WordPress-témád

Fontos a szöveg és a háttér színkontrasztja. A Gravity Forms alapértelmezett űrlaptémája, az Orbital fehér háttérre optimalizált. Ha a témádban sötétebb a háttér, a szöveg olvashatatlan lehet. Ellenőrizd a szöveg és a háttér kontrasztarányát, a téma sötét és világos módjában is. Ajánlott legalább 4,5:1 arány. A CSS-t a testreszabóban vagy a téma stíluslapján módosíthatod, szükség esetén kérj segítséget a fejlesztőtől.

A Gravity Forms beállításai

A bővítmény beállításait az Űrlapok menü Beállítások pontján éred el. Ha nem használsz teljesen egyedi űrlaptémát, az alapértelmezett űrlaptéma legyen az Orbital.

Űrlapbeállítások

Új űrlapnál az űrlap beállításaiban ellenőrizd ezeket:

• Címke elhelyezése: felülre igazítva
• Leírás elhelyezése: a beviteli mezők fölött
• Az érvényesítési üzenet elhelyezése: a beviteli mezők fölött
• Alcímke elhelyezése: a beviteli mezők fölött
• Érvényesítési összefoglaló: bekapcsolva
• Kötelező mező jelölése: maradjon bekapcsolva a kötelező mezők jelölése

https://minta-bolt.hu/wp-admin/admin.php?page=gf_edit_forms&view=settings&subview=settings&id=14

A képen az űrlap beállításainak oldala látszik: az elhelyezési beállítások és az Érvényesítési összefoglaló.

Kerülendő mezők

A következők akadálymentességi gondot okozhatnak, ezért akadálymentes űrlapban nem ajánlottak:

• Többválasztós mező.
• HTML mező olyan szöveggel, amely fontos információt hordoz.
• Szakasz mező olyan szöveggel, amely fontos információt hordoz.
• reCAPTCHA v2. Akadálymentes alternatíva az űrlapbeállítások haladó honeypotja.

Mezőbeállítások

A mezőbeállítások az űrlapszerkesztő jobb oldali oldalsávjában vannak. Amelyik beállítás itt nincs említve, annál nincs ismert akadálymentességi gond.

Általános

• Mezőcímke: mindig töltsd ki, és érthetően írd le, mit kell megadni.
• Beviteli maszk: ne használj beviteli maszkot, a jelölőnégyzet maradjon üresen.

Megjelenés

• Mezőcímke láthatósága: mindig látható címkét használj, soha ne rejtsd el.
• Alcímke elhelyezése: a beviteli mező fölött.
• Egyéni érvényesítési üzenet: írj értelmes, lényegre törő hibaüzeneteket.
• Bővített felhasználói felület: ne kapcsold be a legördülő listáknál.
• Választás címkéjének láthatósága: a Képválasztás mezőknél mindig mutasd a választások címkéit.

Haladó

• Szövegszerkesztő: ne kapcsold be.
• Automatikus kitöltés: kapcsold be a beviteli mezőknél. A név, cím és más alapértelmezett mezők automatikus kitöltési értékei már ki vannak töltve.

Űrlap oldalra helyezése

Ugyanazt az űrlapot ne tedd többször egy weboldalra, az oldalon minden űrlapnak egyedinek kell lennie. Add hozzá az űrlap blokkot az oldalhoz, és nyisd meg a beállításait.

• Űrlap beállításai: kapcsold be az Űrlapcím megjelenítése beállítást. Az űrlap leírásának megjelenítése nem kötelező.
• Űrlapstílusok: az Orbital téma akadálymentességre optimalizált. Ha egyedi, saját fejlesztésű témát használsz, kérdezd meg a fejlesztőket, hogy megfelel-e az akadálymentességi követelményeknek.
• Színek: ha módosítod a színeket, a szöveg és háttere közti kontraszt legalább 4,5:1, a szegély és háttere közti legalább 3:1 legyen.
• Haladó: ne állíts be pozitív tabindexet. Az érték maradjon -1, vagyis ne legyen beállítva tabindex.