@@Rolf b > Der Span mit dem Sternchen ist für Assistenzsysteme eher störend, weil sie es mit vorlesen. Man müsste ihn dann mit einem aria-Attribut ausblenden. Sollte ich mich da irren, wird Gunnar mich bestimmt gern korrigieren 😂. Soweit richtig. > Es dürfte besser sein, ihn per :after hinzuzufügen. Hier ist Korrektur angesagt: (Einige/die meisten?) Screenreader lesen auch generierten Inhalt vor. In Heydon Pickerings „[Inclusive Design Patterns](https://www.smashingmagazine.com/inclusive-design-patterns/){: @en}“, Seite 275: ~~~html <label for="email">Your email address <strong class="red" aria-hidden="true">*</strong></label> <input type="text" id="email" name="email" aria-required="true"> ~~~ (Wobei `class="red"` ebenso fragwürdig ist wie die Verwendung des `strong`-Elements. Den falschen `type` hab ich schon [angemeckert](https://www.smashingmagazine.com/errata-inclusive-design-patterns-book/#comment-1294427).) `aria-required` statt HTML5 `required` (noch) wegen besserer Untestützung in AT. LLAP 🖖 **EDIT:** Ich schieb dann mal noch hinterher: ~~~html <label for="email">Your email address <span class="marker" aria-hidden="true">*</span></label> <input type="email" id="email" name="email" aria-required="true"> ~~~ -- “When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)

@@Rolf b > Der Span mit dem Sternchen ist für Assistenzsysteme eher störend, weil sie es mit vorlesen. Man müsste ihn dann mit einem aria-Attribut ausblenden. Sollte ich mich da irren, wird Gunnar mich bestimmt gern korrigieren 😂. Soweit richtig. > Es dürfte besser sein, ihn per :after hinzuzufügen. Hier ist Korrektur angesagt: (Einige/die meisten?) Screenreader lesen auch generierten Inhalt vor. In Heydon Pickerings „[Inclusive Design Patterns](https://www.smashingmagazine.com/inclusive-design-patterns/){: @en}“, Seite 275: ~~~html <label for="email">Your email address <strong class="red" aria-hidden="true">*</strong></label> <input type="text" id="email" name="email" aria-required="true"> ~~~ (Wobei `class="red"` ebenso fragwürdig ist wie die Verwendung des `strong`-Elements. Den falschen `type` hab ich schon [angemeckert](https://www.smashingmagazine.com/errata-inclusive-design-patterns-book/#comment-1294427).) `aria-required` statt HTML5 `required` (noch) wegen besserer Untestützung in AT. LLAP 🖖 -- “When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)