-
GoalsDer Asterix sollte, mit einen Leerzeichen dazwischen, an den Label-Text angehangen werden. Non-GoalsNo response BackgroundZugänglichkeit in Lese- und Fokus-Modus ist eine BITV Anforderung. Hierbei ist der Kunde mit dem JAWS Screenreader auf das Problem gestoßen, dass das Pflichtfeld-Asterix nicht vorgelesen wird. Leider steht mir selbst JAWS nicht zur Verfügung. Aber es erscheint mir als sehr wahrscheinlich, dass JAWS, im Lese- und Fokus-Modus, den Asterix im ::after Pseudo-Element nicht ausliest. Daher wäre es zu Gunsten der Barrierefreiheit empfehlenswert den Asterix direkt an den Label-Text zu hängen, anstatt ein Pseudoelement zu nutzen. ProposalPflichtfeld-Asterix an den Label-Text hängen und ::after Pseudo-Element verwerfen |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments
-
|
Dass der |
Beta Was this translation helpful? Give feedback.
-
|
https://handreichungen.bfit-bund.de/barrierefreie-uie/0.4/pflichtfeldkennzeichnung.html#html "Die visuelle Pflichtfeldkennzeichnung sollte so ausgezeichnet werden, dass sie nicht vom Screenreader ausgegeben wird, um die redundante Ausgabe zu vermeiden." |
Beta Was this translation helpful? Give feedback.
-
|
Hallo, ich muss leider nochmal nachhacken: Entweder das oder die Asterisk müssen, wie vorgeschlagen, Teil das span/label sein ohne ::after . |
Beta Was this translation helpful? Give feedback.
Dass der
Asterixmittels CSS angefügt wird, ist daher beabsichtigt, da die Pflichtfeld-Eigenschaft durch das Input-Feld (required) selbst sichergestellt und von den Screenreadern vorgelesen wird. Es ist auch hier wichtig zu beachten, dass die Komponente als ganzheitliches Element betrachtet und bewertet wird und nicht im reinen Lesemodus jedes sichtbare Zeichen vorgelesen werden muss. Wenn doch die Information innerhalb der Komponente schon (anderswo) sichergestellt ist.