# Akadálymentesség és WCAG-fejlesztések

> Mi változott a 3.0-ban az akadálymentesség terén: alapértelmezett beállítások, dátumválasztó, beviteli maszk, gombok, egységes választási lehetőség-elrendezés.

A WCAG 2.1 AA szintnek megfelelő űrlapok készítése a 3.0-ban könnyebb. Az akadálymentes beállítások minden új űrlapnál alapból be vannak kapcsolva, és több további fejlesztés is segít abban, hogy az űrlapjaid már az elejétől befogadóbbak legyenek.

![Az űrlap beállításai oldal az űrlapelrendezés és az akadálymentességhez kapcsolódó beállításokkal](./kepek/ujdonsagok-1-urlap-akadalymentesseg.webp)

*Az űrlap beállításai oldal az űrlapelrendezés és az akadálymentességhez kapcsolódó beállításokkal* (https://minta-bolt.hu/wp-admin/admin.php?page=gf_edit_forms&view=settings&subview=settings&id=4)

A képen az **Űrlap beállításai** oldal látszik az **Űrlapelrendezés** szakasszal, például a **Kötelező mező jelölése** és az **Érvényesítési összefoglaló** beállítással.

## Mi újdonság

### Akadálymentesség alapértelmezetten

Az akadálymentes űrlapbeállítások az összes új űrlapon automatikusan be vannak kapcsolva. Ez csökkenti a kézi beállítás munkáját és a téves beállítások esélyét, amikor a WCAG 2.1 AA megfelelés felé haladsz. A már meglévő űrlapoknál bármikor bekapcsolhatod ezeket az űrlap beállításainál. (A beállítások részletei: [Az űrlap beállításai](https://hub.hellowp.io/hu/plugins/gravityforms/beallitasok-urlap-beallitasok/).) A beállítások oldalon az akadálymentességi figyelmeztetések elhelyezése is változott.

### Akadálymentesebb dátumválasztó

A dátumválasztó a jQuery UI helyett egy akadálymentes könyvtárat használ, jobb billentyűzetes navigációval és képernyőolvasó-támogatással. A beviteli maszk egy jQuery nélküli, aszinkron betöltődő megoldásra (imaskjs) váltott, a karakterszámláló pedig szintén megújult. A dátum mező leírása: [Dátum, Idő és Lista](https://hub.hellowp.io/hu/plugins/gravityforms/halado-mezok-datum-ido-lista/).

### Egységes gombmarkup

Az űrlap küldés gombjai `<button>` elemek, nem `<input type="submit">` vagy `<input type="button">` elemek. Ez rugalmasabb stílusozást és egységesebb, akadálymentesebb gombmarkupot ad. A gombok beállításai: [A Küldés gomb beállításai](https://hub.hellowp.io/hu/plugins/gravityforms/beallitasok-kuldes-gomb/).

### Egységes elrendezés a választós mezőknél

A Jelölőnégyzet, a Rádiógomb és a Többválasztós mező ugyanazt az elrendezés-beállítást kapta, három lehetőséggel: függőleges (egy oszlopos), vízszintes (egy sorban) és oszlopos. Ez egyszerűsíti, hogy az összes választós mezőnél ugyanúgy szabályozd az elrendezést.