wisydb / wisy

Open Source CMS for Training and Educational Purposes
Other
1 stars 3 forks source link

Barrierefreiheit: Ajax-Vorschlag-Fenster #60

Open wisydb opened 5 years ago

wisydb commented 5 years ago

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)

debagel commented 5 years ago

Nützliche Links zu Combo-Boxen und WAI ARIA:

Konkretes Beispiel für Accessible Autocomplete:

debagel commented 5 years ago

Combobox wird jetzt innerhalb des Suchformulars eingefügt und erhält ARIA Attribute aria-expanded, aria-activedescendant und aria-selected