Gunnar Bittersmann: Preisangabe - barrierefrei

Beitrag lesen

SELF-Forum

Preisangabe - barrierefrei

Gunnar Bittersmann Homepage des Autors (Versionen)
+1 Informationen zu den Bewertungsregeln

@@MrMurphy1

<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

Das würde ich wegen des Whitespaces zwischen den spans erwarten.

<p class="price">
   <span class="currency">€</span>
   <span class="euros">19<span>,</span></span>
   <span class="cents">95</span>
</p>

Da hast du wohl das Start-Tag <span class="decimal-point"> vergessen. Und der gehört auch nicht zu den ganzen Euro. Und kein Whitespace zwischen den spans:

<p class="price">
   <span class="currency">€</span>
   <span class="euros">19<span><span class="decimal-point">,</span><span class="cents">95</span>
</p>

Im Deutschen steht das Währungszeichen üblicherweise hinter der Zahl.

Statt class="price" bietet sich auch eine Auszeichnung mit Schema.org an: property="price" innerhalb von Offer, siehe Folie 112

Nachtrag: Ist die Mehrzahl von Euro nicht Euro (ohne s)?

LLAP 🖖

--
“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.” —Vitaly Friedman in Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|
Beitrag melden
+1
Informationen zu den Bewertungsregeln