L'exemple d'implémentation suivant du modèle de liste déroulante illustre un combobox à sélection unique qui est fonctionnellement similaire à un élément de sélection HTML. Contrairement aux exemples de listes déroulantes modifiables, cette combobox select-only n'est pas faite avec un élément input, et elle n'accepte pas l'entrée utilisateur. Cependant, comme un select HTML, les utilisateurs peuvent saisir des caractères pour sélectionner les options correspondantes.
Bien que la fonctionnalité et l'expérience utilisateur de cet exemple soient presque équivalentes à un élément de sélection HTML avec l'attribut size="1", les différences de comportement suivantes sont implémentées pour améliorer à la fois l'accessibilité et la convivialité générale.
Si la liste déroulante est réduite et que l'utilisateur saisit des caractères imprimables, la liste déroulante s'affiche et reçoit le focus d'accessibilité aria-activedescendant. Cela permet aux utilisateurs de percevoir la présence des options et permet aux utilisateurs de technologie d'assistance de comprendre la taille de la liste d'options.
La navigation dans la liste des options ne définit pas la valeur de l'entrée. Cela donne aux utilisateurs de lecteurs d'écran, qui doivent naviguer parmi les options pour les percevoir, la possibilité d'explorer les options sans perdre la valeur actuelle de l'entrée. La valeur est définie lorsque les utilisateurs appuient sur Espace, Entrée ou Tabulation. La valeur actuelle est conservée si la liste déroulante est fermée avec Échap ou si l'utilisateur réduit la liste en cliquant sur l'entrée.
Les navigateurs ne gèrent pas la visibilité des éléments référencés par aria-activedescendant comme ils le font pour les éléments avec focus. Lorsqu'un événement clavier modifie l'option active dans la liste déroulante, le JavaScript fait défiler l'option référencée par aria-activedescendant dans la vue. La gestion de la visibilité aria-activedescendant est essentielle à l'accessibilité pour les personnes qui utilisent la fonction de zoom d'un navigateur pour augmenter la taille du contenu.