Überschriftenordnung im Hauptinhalt: keine übersprungenen Ebenen mehr
Fünf Seiten hatten einen Sprung h1 -> h3 im Hauptinhalt (die Kachel- Überschriften waren h3, ohne h2 dazwischen). Für Bildschirmleser fehlte damit eine Ebene im "Inhaltsverzeichnis" der Seite (WCAG 1.3.1). Pro Seite der passende, optik-erhaltende Weg -- jede Änderung mit Screenshot bzw. gemessener Schriftgröße gegengeprüft: - werte, kontakt, index: Kachel-h3 -> h2 (die Kacheln SIND die Hauptabschnitte unter der h1). Neue Regel .card > h2 hält die kompakte h3-Optik (1.62rem); Varianten .card-brand/.card-feature bleiben über ihre eigenen h3-Regeln unberührt. Gemessen: 25.92px vorher = nachher. - bewerben: die schon sichtbaren Gruppenlabels (Community / Agentur) waren <span> -> jetzt <h2> mit derselben Klasse. Optik per Screenshot identisch (zentriert, uppercase, Zierstrich). - links: die Kacheln nutzen Spezial-Varianten mit eigenen Größen, ein Tag-Wechsel wäre riskant -> stattdessen eine unsichtbare Gruppen- überschrift (.sr-only, neue Klasse nach WCAG-Standard). Ändert die Optik nicht, vervollständigt aber die Ordnung für Bildschirmleser. Cache-Buster 20260828b (main.css geändert: .card > h2, .sr-only). Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
+8
-8
@@ -19,10 +19,10 @@
|
||||
<meta name="twitter:description" content="Werde Teil vom Team: Modi bei Team Dogi, Scout oder Creator bei Spicy Media, oder Kooperation anfragen." />
|
||||
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
|
||||
|
||||
<link rel="stylesheet" href="assets/css/main.css?v=20260828a" />
|
||||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828a" />
|
||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828a" />
|
||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828a" />
|
||||
<link rel="stylesheet" href="assets/css/main.css?v=20260828b" />
|
||||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828b" />
|
||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828b" />
|
||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828b" />
|
||||
</head>
|
||||
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-split.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-split-mobile.jpg');">
|
||||
<div id="site-header"></div>
|
||||
@@ -46,7 +46,7 @@
|
||||
|
||||
<div class="bewerben-split">
|
||||
<div class="bewerben-side bewerben-side-blau">
|
||||
<span class="bewerben-side-label" data-i18n="bw_label_community">🩵 Community — Team Dogi</span>
|
||||
<h2 class="bewerben-side-label" data-i18n="bw_label_community">🩵 Community — Team Dogi</h2>
|
||||
<a class="card card-duel" href="bewerben-modi.html" style="--accent:#8fd9ea;--accent-2:#8b5cf6;">
|
||||
<span class="tag" data-i18n="bw_tag_community">Community</span>
|
||||
<h3 data-i18n="bw_modi_h3">Modi werden</h3>
|
||||
@@ -62,7 +62,7 @@
|
||||
<div class="bewerben-wall" aria-hidden="true"><span>⚡</span></div>
|
||||
|
||||
<div class="bewerben-side bewerben-side-rot">
|
||||
<span class="bewerben-side-label" data-i18n="bw_label_agentur">Agentur — Spicy Media 🌶️</span>
|
||||
<h2 class="bewerben-side-label" data-i18n="bw_label_agentur">Agentur — Spicy Media 🌶️</h2>
|
||||
<a class="card card-duel" href="bewerben-scout.html">
|
||||
<span class="tag" data-i18n="bw_tag_agentur">Agentur</span>
|
||||
<h3 data-i18n="bw_scout_h3">Scout werden</h3>
|
||||
@@ -85,7 +85,7 @@
|
||||
</main>
|
||||
|
||||
<div id="site-footer"></div>
|
||||
<script src="assets/js/i18n-bewerben.js?v=20260828a"></script>
|
||||
<script src="assets/js/main.js?v=20260828a"></script>
|
||||
<script src="assets/js/i18n-bewerben.js?v=20260828b"></script>
|
||||
<script src="assets/js/main.js?v=20260828b"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user