Pudotusvalikot

Pudotusvalikko (dropdown menu) on käyttäjärajapinnan elementti, joka piilottaa valikoiman vaihtoehtoja ja paljastaa ne käyttäjän aktivoidessa sen. Se löytyy yleisesti verkkosivujen navigaatioista, sovellusten valikoista sekä käyttöjärjestelmien valikkorakenteista. Pudotusvalikot koostuvat yleensä kahdesta osasta: triggeristä (esim. nappi tai yläpalkin linkki), jota klikkaamalla tai kohdistettaessa avautuu lista vaihtoehdoista, sekä itse valikoimasta, jossa on useita kohteita.

Käyttötavat ja toteutus. Verkkosivuilla pudotusvalikot toteutetaan usein HTML:n rakenteella, jossa valikon avautumiseen käytetään JavaScriptiä ja tyylittelyä CSS:n avulla. Native-hallinta voidaan saavuttaa valitsemalla HTML-elementti, kuten select-elementti, mutta usein taktisesti käytetään räätälöityjä HTML-rakenteita (div, ul/li) mahdollistamaan parempi ulkoasu ja mukautettavuus. Pudotusvalikot voivat avautua klikkauksesta, painamalla Enter- tai Space-näppäintä sekä hiiren liu’utuksesta (hover) joissakin käyttötilanteissa. Hyväksikäytössä on huomioitava pääsykehut: näppäimistö-, kosketus- ja ruudunluku-ystävällisyys sekä ARIA-roolit (esim. role="menu"/"menuitem") ja hallintatuki.

Erottelut: pudotusvalikko eroaa kontekstimenusta ja perinteisestä päävalikosta siten, että sen sisältö voi laajentua tai muuttua valinnan mukaan. Se tarjoaa nopean pääsyn alavalikoihin ilman uutta sivua ja parantaa tilankäyttöä, mutta huonosti suunniteltuna se voi heikentää käytettävyyttä, erityisesti pienillä näytöillä ja epäselvillä pidennys- tai valintaperusteilla.

Historia ja käytännöt: pudotusvalikoita on käytetty laajalti sekä ohjelmistoissa että verkkosivuilla grafiikka- ja tekstipainotteisina valikkoina. Nykyiset käytännöt painottavat selkeyttä, saavutettavuutta ja responsiivisuutta.