Sub-Überschriften und CSS dafür

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Ich hätt's ja so gemacht

Da gehört noch ein Trennzeichen dazwischen, das visuell versteckt werden kann (d.h. nicht per display: none):

<h1>Lorem ipsum
  <span class=visually-hidden">–</span>
  <span>Warum Blindtexte doof sind</span>
</h1>
<p>Lorem ipsum dolor sit amet.</p>

Das ist auch möglich.

… ist aber etwas anderes. Hier gehört „Warum Blindtexte doof sind“ mit zur Überschrift.

Hier nicht:

<header>
  <h1>Lorem ipsum</h1>
  <p>Warum Blindtexte doof sind</p>
</header>
<p>Lorem ipsum dolor sit amet.</p>

Die zu verwendende Variante hängt also vom jeweiligen Anwendungsfall ab.

LLAP 🖖