# 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](https://hub.hellowp.io/hu/plugins/gravityforms/halado-mezok-szemelyes-adatok/) fejezet írja le.

![A Telefonszám mező beállításai az űrlapszerkesztőben, nemzetközi (formázott) formátummal](./kepek/ujdonsagok-1-telefon-beallitasok.webp)

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

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.

## Mi változott

### Látható alcímkék

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.

### Pontosabb szerkezet

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.

### Akadálymentes országkeresés

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.

### Olvashatóbb üzenet

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

## Hol találod

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.