radiopainikkeita

Radiopainikkeita ovat käyttöliittymän elementtejä, joiden avulla käyttäjä voi valita yhden vaihtoehdon useasta mahdollisuudesta. Ne esiintyvät useimmiten pyöreinä ja ryhmitettynä siten, että valinnan tekeminen yhdestä vaihtoehdosta poistaa valinnan muista saman ryhmän jäsenistä. Ryhmä määritellään nimeämällä radioista samankaltaiset nimet, jolloin vain yksi vaihtoehto voidaan valita kerralla.

Käyttökonteissa radiopainikkeita käytetään kysymyksiin ja lomakkeisiin, joissa vastaus on yhden arvoinen. Ne eroavat valintaruuduista (checkbox) siten, että useita vaihtoehtoja ei voi valita samanaikaisesti. Hyvä käytäntö on ryhmäyttää ne fieldset-elementillä ja antaa sille legend, jotta käyttäjät ja apuvälineet ymmärtävät kysymyksen kontekstin. Näppäimistöystävällisyys kuuluu oleellisena osana: nuolinäppäimillä tai tab-näppäimellä voidaan siirtyä ryhmän vaihtoehtojen välillä ja valinnan vahvistamiseen riittää välilyönti.

Esimerkki HTML: fieldset

<legend>Valitse vaihtoehto</legend>

<input type="radio" id="v1" name="vaihtoehto" value="1" checked>

<label for="v1">Vaihtoehto 1</label>

<input type="radio" id="v2" name="vaihtoehto" value="2">

<label for="v2">Vaihtoehto 2</label>

</fieldset>

Radiopainikkeiden käytöllä voidaan toteuttaa selkeitä, yhden vastauksen annettavia ratkaisuja formien ja kyselyiden tarvitsemissa tapauksissa. Niiden suunnittelussa on tärkeää ylläpitää saavutettavuutta ja johdonmukaisuutta koko sovelluksessa.