Skip to main content
UI Patterns

Combobox / autocomplete

Een tekstinvoer met een pop-uplijst met opties. Een van de moeilijkste ARIA-patronen: role="combobox" + aria-expanded + aria-activedescendant + listbox. Kapotte implementaties zijn overal — test met schermlezers.

In gewone taal

Een autocomplete-veld dat tijdens het typen suggesties geeft — een van de moeilijkste onderdelen om toegankelijk te maken, dus test het zorgvuldig.

Waarom dit belangrijk is

Comboboxen met automatische aanvulling behoren tot de patronen die op het web het vaakst niet goed werken. Wanneer de rollen en statussen niet correct zijn ingesteld, kunnen gebruikers van schermlezers niet vaststellen of er suggesties zijn verschenen of welke suggestie is gemarkeerd.

Hoe te detecteren

Snelle controle

Voer met een schermlezer het volgende in het veld in: wordt de lijst voorgelezen, wordt de actieve optie voorgelezen terwijl u er met de pijltjestoetsen doorheen bladert, en wordt het invoerveld bijgewerkt wanneer u een optie selecteert? Test dit met meer dan één schermlezer.