Announce the suggestion list to screen readers

The invitee input had no combobox semantics: assistive
technology could not tell that the widget owns a listbox with
suggestions. Mark the input as role="combobox" with
aria-autocomplete="list" and an initial aria-expanded="false",
point aria-controls at the list and give the JS-built list a
matching id so the reference resolves.
This commit is contained in:
stefan.tollkuehn committed 2026-10-23 14:08:59 +02:00
1 parent 5bba3a93cd
commit a9b7fd11af
3 files changed
+20 -1

No files matched your search

+1
View File
@@ -30,6 +30,7 @@
}
var list = document.createElement('ul');
list.id = 'atocal-suggestions';
list.className = 'atocal-suggestions';
list.hidden = true;
list.setAttribute('role', 'listbox');