[A11Y] Table des matières (#586)

assets/js/theme/design-system/toc.js

@@ -116,11 +116,13 @@ class TableOfContents {
         this.links.forEach((link) => {
             if (link === currentLink) {
                 link.classList.add(CLASSES.linkActive);
+                link.setAttribute('aria-current', 'true');
                 this.updateCtaTitle(link);
                 this.state.id = id;
                 this.state.currentLink = link;
             } else {
-                link.classList.remove(CLASSES.linkActive)
+                link.classList.remove(CLASSES.linkActive);
+                link.removeAttribute('aria-current');
             }
         });
     }

layouts/partials/toc/container.html

@@ -6,7 +6,7 @@
   <div class="toc-container" aria-hidden="false" aria-labelledby="toc-title">
     <div class="toc-content">
       {{/* TODO : quelle balise pour le titre du toc ? */}}
-      <div id="toc-title" class="toc-title">{{ i18n "commons.toc" }}</div>
+      <div id="toc-title" class="toc-title" role="heading">{{ i18n "commons.toc" }}</div>
       {{- partial (printf .toc) . -}}
       <button name="{{ i18n "commons.close" }}">{{ i18n "commons.close" }}</button>
     </div>