Valikkokenttiä

Valikkokenttä on käyttöliittymän elementti, joka antaa käyttäjälle luettelon vaihtoehdoista ja rajoittaa syötteen ennalta määriteltyihin arvoihin. Kenttä voi osoittaa nykyisen valinnan ja avautua, kun käyttäjä klikkaa sitä tai siirtää kohdistuksen siihen näppäimistön avulla. Valikkokenttiä käytetään erityisesti silloin, kun syötteen tarkkuus ja yhdenmukaisuus ovat tärkeitä.

Tyyppejä ovat yleisimmin yksittäisvalinta (single-select) ja monivalinta (multi-select). Yksittäisvalinnassa käyttäjä valitsee yhden arvon pudotusvalikosta. Monivalinnassa voidaan valita useita vaihtoehtoja, usein sisäänrakennetulla mahdollisuudella merkitä useampia ruksaimia tai käyttämällä monivalintaruutuja pudotusvalikon sisällä. Combobox-tyyppinen kenttä sallii sekä valittavien arvojen valinnan että vapaan tekstin syötön.

Toteutuksessa valikkokenttä voi olla webissä HTML:n select-elementti (single- tai multiple-attribuutilla) tai perinteinen combobox/valintapalkki joihin liittyy kirjoitettava kenttä. Monissa selain- ja mobiilialustoissa voidaan käyttää myös räätälöityjä komponentteja, jotka tarjoavat hakutoiminnon ja ryhmittelyn suurissa listoissa.

Saavutettavuus on tärkeä osa valikkokenttien käytettävyyttä: niillä tulee olla selkeä tunniste (label), oikea rooli, sekä näppäimistö- ja ruudunlukuopastus (aria-expanded, aria-controls jne.). Pitkissä listoissa kannattaa tarjota hakutoiminto ja vaihtoehtojen ryhmittely.

Käyttötarkoitukset vaihtelevat nimen, alueen, kategorian tai muun ennalta määritellyn arvon valitsemiseen, jolloin valikkokentät parantavat syötteen oikeellisuutta ja nopeuttavat tiedon syöttöä.