Open wisydb opened 5 years ago
Nützliche Links zu Combo-Boxen und WAI ARIA:
Konkretes Beispiel für Accessible Autocomplete:
Combobox wird jetzt innerhalb des Suchformulars eingefügt und erhält ARIA Attribute aria-expanded, aria-activedescendant und aria-selected
Wäre entspr. Kritik für Screenreader anzupassen:
Auch hier der Verweis auf die Authoring practices: http://www.w3.org/TR/wai-aria-practices-1.1/#combobox
Auch wenn der erste Eindruck der Combobox gut ist, so ist sie grundsätzlich falsch aufgebaut, um vernünftig in einem Screenreader zu funktionieren. Damit die Screenreadertauglichkeit erreicht wird, müssen verschiedene Aspekte berücksichtigt werden:
a) Die Auswahlliste wird visuell am Eingabefeld zum DOM hinzugefügt, ist aber tatsächlich am Ende des DOM (1.3.2). Dadurch hat der Screenreadernutzer im Moment keine Chance, die Inhalte der Auswahlliste zu erfassen, zumal das Fokus-Management des Widgets den Fokus auf das Eingabefeld belässt und den Fokus in der Auswahlliste rein visuell darstellt (es muss ein aria-activedescendant berücksichtigt werden).
b) Auch gibt die (unsichtbare) Statusanzeige (Anzahl der Ergebnisse in der Auswahlliste) inkorrekte Ergebnisse.(doppelt, s. extra Punkt #57)