valintaruutuja

Valintaruutu on käyttöliittymän elementti, jonka avulla käyttäjä voi tehdä valinnan yhdestä tai useammasta vaihtoehdosta. Ruutu voi olla valittu tai valitsematon, ja tila muuttuu käyttäjän toimenpiteestä, kuten klikkauksesta tai välilyönnin painamisesta. Usein ruutu liittyy selkeään labeliin, jotta käyttäjä ymmärtää, mitä valinta tarkoittaa.

Valintaruudun toteutus on yleisesti HTML-ympäristössä input-elemmentillä, jonka type on checkbox. Useita ruutuja voidaan ryhmitellä samaan kyselyyn ja sallia useiden vaihtoehtojen valinta. Lomakkeissa valintaruudut sopivat esimerkiksi asetusten ja vaihtoehtoisten valintojen keräämiseen; joskus tarjotaan myös "valitse kaikki" -toiminto.

Saavutettavuus ja käytettävyys: jokaisella ruudulla tulisi olla tekstilabeli ja selkeä tila, sekä mahdollisuus näppäimistötoimintaan (fokus, tilan muutos välilyönnillä). Räätälöityjä ruutuja käytettäessä tulisi käyttää roolia checkbox ja aria-checked -attribuuttia sekä tukea tilan vaihtoa.

Kolmi-tilaisia valintaruutuja käytetään harvoin, mutta niitä voi esiintyä, kun halutaan osoittaa osittaista tai epäselvää valintaa osana hierarkiaa.

Radio-painikkeet eroavat valintaruutuista siten, että samassa ryhmässä voidaan valita vain yksi vaihtoehto kerrallaan.