Are your Anchor Links Accessible?

Obsidian has me taking notes on everything, include these great links!

A collection of some things I bookmarked in the last four months.

Adding clickable “deep anchor links” to the headings of any page of your website is very simple and can be done with very little code.

You can find Markdown in many places on the Internet. In this article, Eric Bailey covers different aspects of Markdown and how it interacts with other technology. At first, it may seem daunting since there is a lot of content to cover across a few different subject areas, but keep in mind that each tweak and update will have a direct impact on someone’s quality of life when using the web.

I've read this great post about accessible anchor links, and I've managed to write a renderPermalink function for markdown-it-anchor that generates the accessible HTML: https://nicolas-hoizey.com/a...

Minimal snippets for modern CSS layouts and components, created by Stephanie Eckles of ModernCSS.dev

A technical walkthrough about replacing runtime JavaScript to create heading anchors.

Adds and positions sibling anchor links for heading elements (h1–h6) when they have an `id` attribute. - zachleat/heading-anchors

I like to be able to link directly to a section in a long content. I wish every site provided anchor links associated to headings, even if Text Fragments might be a cross browser thing sometimes in the future. Here's how I made the anchor links of my Eleventy based site accessible.