Umbruch mit bootstrap

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Beachte: Wenn Alternativtext und vorhandene Bildunterschrift dasselbe sind, dann macht der Alternativtext keinen Sinn. Warum sollte ein Screenreader „Java Java“ vorlesen? In solchen Fällen ist alt="" zu setzen.

Und wenn man gut ist …

bzw. als li in der Liste.

Wenn mehrere an einer Stelle eingefügt werden müssen, sollte eins genügen, das alle Klassen hat:

Und ein aria-hidden="true"-Attribut, was diese der visuellen Darstellung wegen einfügten Elemente vor Screenreadern versteckt:

<ul class="row">
	<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">…</li>
	<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">…</li>
		<li class="clearfix visible-xs-block" aria-hidden="true"></li>
	<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">…</li>
		<li class="clearfix visible-sm-block" aria-hidden="true"></li>
	<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">…</li>
		<li class="clearfix visible-xs-block visible-md-block" aria-hidden="true"></li>
	<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">…</li>
	<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">…</li>
		<li class="clearfix visible-xs-block visible-sm-block visible-lg-block" aria-hidden="true"></li>
	<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2">…</li>
	⋮
</ul>

LLAP 🖖