TSO: Wie kann man dies korrekt mit CSS realisieren?

Beitrag lesen

Hi,

Für rein darstellungsbezogene Elemente solltest du imho nur die bedeutungslosen div bzw. span verwenden und diese mit dem wai-aria-Attribut role=presentation ausstatten.

div und span haben keine eingebaute ARIA-Rolle, sind wie du sagst bedeutungslos. Also muss man sie auch nicht mit role="presentation" ausstatten, denn das negiert nur eine ggf. eingebaute ARIA-Rolle.

Wie verhält es sich denn mit Kindelementen, die ggfl. eine eigene Rolle hätten?

Also angenommen ich habe ein paar semantisch zusammengehörende Abschnitte (section oder article), welche ihrerseits innerhalb eines divs stehen und allesamt ausschließlich der Präsentation dienen.

Also etwa so:~~~html <div role="presentation">
<section>…</section>
<article>…</article>

</div>

Überträgt sich die presentation-Rolle da nicht auf die Kinder? Also müsste man die role-Angabe da in jedem Element neu wiederholen?