Preisangabe - barrierefrei

[Orlok]

Hallo

Der Quelltext lautet:

<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

<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 werden also beide Beispiele von Screenreadern so vorgelesen, wie es sein soll. Beim zweiten Beispiel ist das dritte Span-Element allerdings überflüssig.

Viele Grüße,

Orlok