Tovább a tartalomhoz

Nemzetközi telefonmező

A Telefonszám mező nemzetközi (formázott) változatának újdonságai: látható alcímkék, szemantikus szerkezet, akadálymentes országkeresés.

A Telefonszám mező nemzetközi (formázott) formátuma jobb akadálymentességet, érthetőbb feliratozást és szebb megjelenést kapott. A látogatónak így könnyebb országot választania és a számot beírnia, miközben a mező szerkezete szemantikus marad. A mező alapbeállításait a Személyes adatok mezői fejezet írja le.

https://minta-bolt.hu/wp-admin/admin.php?page=gf_edit_forms&id=7
A Telefonszám mező beállításai az űrlapszerkesztőben, nemzetközi (formázott) formátummal

A képen a Telefonszám formátuma a Nemzetközi (formázott) értéken áll, alatta az Alapértelmezett ország, az Országhívószám mutatása és az Alcímkék táblázat látszik.

Az ország kiválasztása és a telefonszám beírása külön, látható alcímkét kapott, így a látogató pontosan látja, melyik mező mire való. Az alcímkék szövegét az űrlapszerkesztőben az Alcímkék beállításnál (a mező Általános szakaszában) írhatod át. Ha az alcímkék olyan hosszúak, hogy a következő sorba törnek, a mező elrendezése ennek ellenére rendezett marad.

A mező köré korábban div került, a mezőcímke pedig label volt. Most a körülvevő elem fieldset, a mezőcímke pedig legend, ami jobb szerkezetet ad a képernyőolvasóknak és más kisegítő eszközöknek.

Amikor a látogató a legördülő listában országot keres, egy aria-live terület bemondja a találatok számát, így a képernyőolvasót használók könnyebben navigálnak a listában.

A „nem található ország” üzenet színe megfelel a WCAG kontrasztkövetelményeinek.

A fejlesztések csak a Nemzetközi (formázott) telefonformátumra érvényesek. Az alcímkék beállítása az űrlapszerkesztőben a Telefonszám mező Általános beállításai között van.

A megjelenő országok listáját fejlesztőként a gform-phone-countries szűrővel szabhatod testre.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások