Preisangabe - barrierefrei
bearbeitet vonHallo
> Der Quelltext lautet:
>
> ~~~html
> <div class="price">
> <span class="currency">€</span>
> <span class="euros">19</span>
> <span class="cents">95</span>
> </div>
> ~~~
>
> Meine Frage: Ist der Quelltext barrierefrei? Wird der Quelltext als "Euro 19 95" vorgelesen oder als "Euro 1995"? Die zweite Zahl wäre falsch, es sollen 19,95 Euro sein.
Hier wird vorgelesen: „Euro 19 [kurze Pause] 95“, da zwischen den Zahlen Leerzeichen sind.
> Meiner Ansicht nach wäre als Quelltext
>
> ~~~html
> <p class="price">
> <span class="currency">€</span>
> <span class="euros">19<span>,</span></span>
> <span class="cents">95</span>
> </p>
> ~~~
>
> sinnvoller, wobei das Komma für die Bildschirmausgabe ausgeblendet werden kann, wenn Euro- und Cent-Beträge auf dem Bildschirm optisch unterschiedlich angezeigt werden. Der Screereader würde das Komma mit vorlesen.
>
> Liege ich mit meinen Überlegungen richtig?
Hier wird vorgelesen: „Euro 19 [etwas längere Pause] 95“, da das Komma berücksichtigt wird.
Im Ergebnis sind aus Screenreadersicht also beide Beispiele in Ordnung. Beim zweiten Beispiel ist das dritte Span-Element allerdings überflüssig.
Viele Grüße,
Orlok