Barrierfreiheit: doppelte Links / Darstellungen -> Screenreader

wisydb commented 5 years ago

Es gibt ein paar wenige Element, die vorm Screenreader explizit verborgen sein sollten, weil entweder doppelt (früher z.B. Hilfe + Info i waren beide gleichbedeutende Links. "i" vorlesen ergab aber keinen Sinn).

In der aktuellen Version habe ich spontan die Symbole gefunden, die in der Detailversion auch ausgeschrieben werden, z.B. Abends + Symbol (wenn das Symbol einen gleichlautenden Alt-Tag besitzt): https://responsive.kursportal.info/k3850831?q=deutsch

Dann sollte den für den Screenreader zu ignorierenden Symbole um das Attribut "aria-hidden = true" ergänzt werden, hier also wohl: <span class="wisyr_art_icon wisyr_art_abends" aria-hidden="true">◒</span> usw.

wisydb commented 5 years ago

Alle Seitentypen mal darauf prüfen / durchdenken, ob etwas nicht vorgelesen werden sollte: was ist nur illustrativ, was doppelt. Für Kurs: einen testhalber erstellen mit so vielen Optionen wie möglich.

debagel commented 5 years ago

Dort wo Links nicht doppelt sind, aber für Screenreader unverständlich füge ich ein Aria Label hinzu, zb. aria-label="Ratgeber zu XYZ" bei Hilfelinks in denen nur "i" steht.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute

wisydb / wisy

Barrierfreiheit: doppelte Links / Darstellungen -> Screenreader #53