@@Killua

Was ist eigentlich der Anwendungsfall?

Eine Überschrift dient dazu, das Nachfolgende zu beschreiben.

Ein Link dient dazu, vom aktuellen Ort woandershin zu gehen.

Eine Überschrift als Link scheint mir ein Widerspruch in sich zu sein.

Dieser scheinbar widersprüchliche Anwendungsfall begegnet mir oft, ist nicht meine Erfindung. Sondern in vielen Web-Standard-Anwendungen so drin.

Ein Anwendungsfall begegnet mir auch desöfteren: Die Überschrift verlinkt auf sich selbst:

<h2 id="section31">
  <a href="#section31">Section 31</a>
</h2>

Wenn man auf die Überschrift clickt, hat man den URL zum Abschnitt (bspw. https://example.net/path#section31) in der Adressleiste und kann ihn mit anderen teilen.

Oder besser gesagt: begegnete. Das sieht man jetzt eher mit Kopiere-URL-in-die-Zwischenablage-Button:

<hgroup>
  <h2 id="section31">Section 31</h2>
  <button>
    <svg aria-hidden="true">…</svg>
    <span class="visually-hidden">Copy to clipboard</span>
  </button>
</hgroup>

Per JavaScript wird der URL in die Zwischenablage kopiert – die bessere Implementierung, nicht zuletzt, weil die Seite nicht rumspringt.

In meinem Fall ist, bei einem Flat-File-CMS Theme auf der Kategorienseite jeder Link zum Beitrag eine anklickbare h1 oder h2.

Hört sich so an, als sollten das keine Überschriften sein.

Und „jeder … eine h1“ hört sich gleich gar nicht gut an. Es sollte maximal ein h1-Element auf einer Seite geben: die Überschrift für die Seite (und nicht für die Website).

Kwakoni Yiquan