Action Menu (Toimintovalikko)
Toimintovalikkoa käytetään toimintojen käynnistämiseen silloin, kun toimintojen määrä on niin suuri, että tavalliset painikkeet veisivät liian paljon tilaa käyttöliittymässä.
Saavutettavuus ja käytettävyys
- Huomioi toimintovalikon asettamat mahdolliset kognitiiviset saavutettavuushaasteet. Käytä komponenttia harkiten ja mieti tarkoin valikon sisältö.
- Jos valintavaihtoehtoja on vain muutama, hyvä vaihtoehto toimintovalikolle voi olla painike- tai linkkikomponentti.
- Järjestä toimintovalikon sisältö aakkosjärjestykseen tai relevanssin mukaan.
- Jos valikkopainike sisältää vain ikonin ilman tekstiä, lisää valikkopainikkeeseen toimintoa kuvaava aria-label teksti ruudunlukijoita varten.
Mistä komponentti koostuu
- Valikkopainike.
- Valikko, joka avautuu valikkopainiketta painamalla. Valikossa on toimintopainikkeita ja mahdollisesti jakoviivoja.
- Toimintopainikkeet ovat semanttisesti painikkeita ja voivat sisältää tekstin lisäksi ikonin.
- Jakoviiva on visuaalinen elementti, jota ruudunlukija ei huomioi.
Koko ja käyttö
Toimintovalikko säästää tilaa käyttöliittymässä kokoamalla toimintoja listaan, jonka voi avata ja sulkea. Toimintovalikon avulla käyttäjä voi valita yhden toiminnon listasta. Kun käyttäjä valitsee toiminnon, valikko sulkeutuu ja valittu toiminto suoritetaan. Valikko sulkeutuu myös valikkopainikkeesta tai jos käyttäjä klikkaa valikon ulkopuolelle.
Yksittäiset toiminnot voivat olla poistettuna käytöstä, jolloin niitä ei voi valita.
Visuaalisesti hieman samankaltaisia komponentteja Yksittäisvalinta, Monivalinta ja Pudotusvalikko käytetään yleensä tiedon syöttämiseen. Toimintovalikkoa taas käytetään toimintojen käynnistämiseen ja se toimii vaihtoehtona Painikkeille.
Ikonit ja jakoviivat
Toimintopainike voi sisältää ikonin. Valikossa voi myös käyttää jakoviivoja erottamaan kokonaisuuksia toisistaan.
Valikkopainike ilman tekstiä
Taulukoissa toimintovalikkoa käytettäessä valikkopainikkeen sisältönä voi käyttää pelkkää ikonia.