Heute geht es mir um eine korrekte ARIA - Accessibility Auszeichnung:
A) Die (TAB) Skip- Links
<!-- Skip links -->
<nav role="navigation" aria-label="skiplinks" id="skiplinks">
<a href="#main-content" class="skip-link">Zum Haupt­inhalt springen</a>
<a href="#totop" class="skip-link">Zum Skip­button springen</a>
<a href="#foot-global"class="skip-link">Zum Footer springen</a>
</nav>
B) Meine Haupt - Navigation
<!-- HAUPT - Navigation -->
<nav id="main-nav" aria-label="MainNav">
<details id="site-nav-heading">
<summary aria-labelledby="site-nav-heading">Haupt-­Navigation</summary>
<ul aria-labelledby="site-nav-heading">
<li><a href="">Website Erika Mustermann</a></li>
<li><a href="">Blog Max Mustermann</a></li>
</ul>
</details>
</nav>
C) Ein INTERNES SKIPPEN zu einzelnen BLOG-ARTIKELN (geordnet nach Datum & Uhrzeit
<nav id="navigations" class="" aria-labelledby="skiptosection-label">
<h3 id="skiptosection-label" class="visually-hidden">Intern-Site-Navigation</h3>
<div class="skipsection-links">
<details>
<summary class="site-navigation-header">Inhalt</summary>
<ul class="site-nav-skiplinks">
<li><a href="#blogartikel05">20-02-2024<span>13:00 Uhr</span></a></li>
<li><a href="#blogartikel04">12-02-2024<span>14:30 Uhr</span></a></li>
</ul>
</details>
</div>
</nav>
D) Zum Schluss noch der Nach-OBEN (SKIP - to - Top) Button
<!-- SKIP - to TOP LINK -->
<nav id="skiptop" aria-labelledby="skiptop-label" class="scroll-top-wrapper">
<h2 class="visually-hidden">Skip-to-TOP</h2>
<div id="skiptop-label" class="scroll-top_link">
<a href="#skip-to-top"><span>skip to top</span></a>
</div>
</nav>
Bitte das mal zu korregieren.