From: Louis-Maxime Piton <louismaxime.piton@orange.com>
Date: Fri, 23 May 2025 09:06:18 +0000 (+0200)
Subject: Docs: enhance 'On this page' ToC accessibility (#41483)
X-Git-Tag: v5.3.7~27
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=a749136ce20d7c343f487ed6899ef91d5a5ee88f;p=thirdparty%2Fbootstrap.git

Docs: enhance 'On this page' ToC accessibility (#41483)

Co-authored-by: Julien Déramond <juderamond@gmail.com>
---

diff --git a/site/src/layouts/DocsLayout.astro b/site/src/layouts/DocsLayout.astro
index d5c8a191e6..3eda2a576b 100644
--- a/site/src/layouts/DocsLayout.astro
+++ b/site/src/layouts/DocsLayout.astro
@@ -97,10 +97,10 @@ if (frontmatter.toc) {
                 <use xlink:href="#chevron-expand" />
               </svg>
             </button>
-            <strong class="d-none d-md-block h6 my-2 ms-3">On this page</strong>
+            <strong class="d-none d-md-block h6 my-2 ms-3" id="docs-tocs">On this page</strong>
             <hr class="d-none d-md-block my-2 ms-3" />
             <div class="collapse bd-toc-collapse" id="tocContents">
-              <nav id="TableOfContents">
+              <nav id="TableOfContents" aria-labelledby="docs-tocs">
                 <TableOfContents headings={headings} />
               </nav>
             </div>