[BUG] Markdown Headings IDs issue

[acev0010]

Describe the bug

Description of the issue

Using special characters (specifically a colon) on the heading of the markdown files will result in the ID not being translated properly and making skip links unusable.

A temporary solution for this is by adding the id on the side like this: "## Tool: WAVE Browser Extensions {#tool-wave-browser-extensions}".

It might be related to the plugin we use, "markdown-it-anchor".

Expected behaviour
Headings with special characters should be transformed properly.

For example: "## Tool: WAVE Browser Extensions"
Should be: "<h2 id="tool-wave-browser-extensions" tabindex="-1">Tool: WAVE Browser Extensions</h2>"
instead, we get something like this: "<h2 id="to^&$wave-browser-extensions" tabindex="-1">Tool: WAVE Browser Extensions</h2>"

Who shall do the work?
[I will do it, I want to contribute] or [I am asking for someone else to please do the work]

Version of gc-da11yn you are using

No response

OS or Device: (e.g. iOS)

Desktop

Browser (e.g. Chrome, Safari)

Chrome

Version (e.g. 22)

No response

Additional context

No response

[acev0010]

This seems to be a problem with markdown-it-anchor, I found this issue in their GitHub development project. I left a comment to try to find a solution:

valeriangalliat/markdown-it-anchor#127

[shawnthompson]

I think you can add that code into the .eleventy.js in the eleventyConfig function