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:
1 parent
5bba3a93cd
commit
a9b7fd11af
3 files changed
+20
-1
No files matched your search
@@ -30,6 +30,7 @@
|
||||
}
|
||||
|
||||
var list = document.createElement('ul');
|
||||
list.id = 'atocal-suggestions';
|
||||
list.className = 'atocal-suggestions';
|
||||
list.hidden = true;
|
||||
list.setAttribute('role', 'listbox');
|
||||
|
||||
Reference in new issue
Block a user