Salle 19 Aile C · Navigation et repères

L’autocomplétion sponsorisée

Des suggestions hors sujet qui changent d’ordre.

0 salle visitée sur 37

Le piège

Version ratée

À vous : Cherchez « casque ».

Réparé

Version corrigée

↑ ↓ pour parcourir, Entrée pour choisir, Échap pour fermer.

Vitrine fermée

Subissez d’abord le piège : elle s’ouvre toute seule.

Voir le code, avant et après

Version ratée

<input id="q">
<div class="suggestions"><!-- div cliquables, triés au hasard --></div>

Version corrigée

<input id="q" role="combobox" aria-expanded="true"
  aria-controls="liste" aria-activedescendant="opt-1">
<ul id="liste" role="listbox">
  <li id="opt-1" role="option" aria-selected="true">
    <mark>cas</mark>que audio
  </li>
</ul>