Preisangabe - barrierefrei
bearbeitet von Gunnar Bittersmann@@MrMurphy1
> ~~~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
Das würde ich wegen des Whitespaces zwischen den `span`s erwarten.
> ~~~html
> <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">`{: .language-html} vergessen. Und der gehört auch nicht zu den ganzen Euro. Und kein Whitespace zwischen den `span`s:
~~~html
<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](https://speakerdeck.com/gunnarbittersmann/nuqjatlh-what-does-it-mean-front-trends-2015?slide=112)
**Nachag:** 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.”_{: lang="en"} —Vitaly Friedman in [Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”](https://www.smashingmagazine.com/2016/06/inclusive-design-patterns/)
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}
Preisangabe - barrierefrei
bearbeitet von Gunnar Bittersmann@@MrMurphy1
> ~~~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
Das würde ich wegen des Whitespaces zwischen den `span`s erwarten.
> ~~~html
> <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">`{: .language-html} vergessen. Und der gehört auch nicht zu den ganzen Euro. Und kein Whitespace zwischen den `span`s:
~~~html
<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](https://speakerdeck.com/gunnarbittersmann/nuqjatlh-what-does-it-mean-front-trends-2015?slide=112)
LLAP 🖖
--
_“There’s no such thing as an ‘average’ user, but there is such a thing as an average developer.”_{: lang="en"} —Vitaly Friedman in [Accessibility Matters: Meet Our New Book, “Inclusive Design Patterns”](https://www.smashingmagazine.com/2016/06/inclusive-design-patterns/)
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}