fix(glossaire): expose relations heading to reading follow

2026-03-26 20:42:01 +01:00
1 changed files with 6 additions and 3 deletions
--- a/src/components/GlossaryRelationCards.astro
+++ b/src/components/GlossaryRelationCards.astro
@@ -7,12 +7,15 @@ interface Props {
 }

 const { relationBlocks = [] } = Astro.props;
+const relationsHeadingId = "relations-conceptuelles";
 ---

 {relationBlocks.length > 0 && (
-  <section class="glossary-relations" aria-label="Relations conceptuelles">
-    <h2>Relations conceptuelles</h2>
-
+  <section
+    class="glossary-relations"
+    aria-labelledby={relationsHeadingId}
+  >
+    <h2 id={relationsHeadingId}>Relations conceptuelles</h2>
    <div class="glossary-relations-grid">
      {relationBlocks.map((block) => (
        <section class={`glossary-relations-card ${block.className}`}>