Provide accessible markdown-it-anchor configuration

sabicalija · Mar 13, 2023 · f8d81e3 · f8d81e3
1 parent 43f6f02
commit f8d81e3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/node/markdown/markdown.ts b/src/node/markdown/markdown.ts
@@ -99,7 +99,11 @@ export const createMarkdownRenderer = async (
   // mdit-vue plugins
   md.use(anchorPlugin, {
     slugify,
-    permalink: anchorPlugin.permalink.ariaHidden({}),
+    permalink: anchorPlugin.permalink.linkAfterHeader({
+      style: 'aria-label',
+      assistiveText: (title) => `Permalink to "${title}"`,
+      wrapper: ['<div class="header-wrapper">', '</div>']
+    }),
     ...options.anchor
   } as anchorPlugin.AnchorOptions).use(frontmatterPlugin, {
     ...options.frontmatter