Wie mit CSS einen teil statisch, verschachtelter DIV-Struktur ansprechen?

[Gunnar Bittersmann]

@@MB

Aber ich kann in dieses generierte HTML OHNE Plugins nicht einfach so reinspazieren und den Code ändern.

Du kannst das doch mit JavaScript tun:

for (let level = 1; level <= 4; level++) {
  for (let headingElement of document.querySelectorAll(`.h-${level}`)) {
    headingElement.setAttribute('role', 'heading');
    headingElement.setAttribute('aria-level', level);
  }
}

Solltest du mehr als 4 Hierarchie-Ebenen haben, entsprechend anpassen. Für aria-level gilt übrigens (AFAIK) nicht die Beschränkung auf 6 Ebenen wie in HTML.

Das Script muss natürlich nach der Generierung des DOMs laufen.

☞ Codepen

🖖 Живіть довго і процвітайте