Pudotusvalikkoja

Pudotusvalikko on käyttöliittymän komponentti, joka paljastaa listan valittavia vaihtoehtoja, kun käyttäjä aktivoi sen. Yleensä ohjausobjektina toimii nappi tai linkki, joka on näkyvissä käyttäjälle, ja valikon lista avautuu sen alapuolelle tai viereen. Valintojen joukko tarjoaa yhden tai useamman toiminnon, kuten siirtymän sivulle, tehtävän suorittamisen tai asetuksen muuttamisen.

Rakenne ja käyttö: Avattava lista koostuu ohjausnappulasta ja itse valikosta, joka sisältää yksittäisiä valintoja. Käyttöliittymässä valikko voidaan avata sekä napsauttamalla että näppäimistön avulla. Näppäimistötilassa siirrytään nuolinäppäimillä valikoiden välillä, Enter tai Space vahvistaa valinnan ja Esc sulkee valikon. Suositussa toteutustavassa noudatetaan usein "menu button" -mallia, jossa valikon roolit ja ARIA-attribuutit kertovat tilan ja rakenteen.

Saavutettavuus ja toteutus: Tärkeää on tukea näppäimistöä, tarjota selkeä fokus sekä mahdollistaa valikon sulkeminen klikkaamalla muualle. Kontrastit ja riittävä koko parantavat käytettävyyttä. Käytettäessä ARIA-rooleja voidaan käyttää esimerkiksi rooleja 'button' (avain), 'menu' ja 'menuitem', sekä attribuutteja kuten aria-expanded ilmaisemaan valikon aukioloa. Näiden avulla apuvälineet voivat kertoa käyttäjälle, mitä tapahtuu.

Monimutkaisuus ja toteutus: Pudotusvalikot voivat olla yksittäisiä tai alavalikoita sisältäviä. Osa toteutuksista käyttää natiivin HTML-valinnan elementtiä (select), joka tarjoaa perustason pudotusvalikon ilman suurta esteettistä muokkausmahdollisuutta. Räätälöidyt pudotusvalikot antavat ulkoasalle enemmän vapautta, mutta saavutettavuus vaatii huolellista huomiointia, kuten oikeat roolit, fokus-koordinaatiot ja näppäimistötuen.