From 0676974f96f1a12e704bc300421ee4ac0a7d7174 Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Tue, 6 Aug 2024 17:05:55 +0800 Subject: [PATCH] Change headings in accessible foornotes article --- src/articles/myarticles/accessible-footnotes.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/articles/myarticles/accessible-footnotes.md b/src/articles/myarticles/accessible-footnotes.md index cadf86c9..b4a2a4b1 100644 --- a/src/articles/myarticles/accessible-footnotes.md +++ b/src/articles/myarticles/accessible-footnotes.md @@ -151,7 +151,7 @@ Here is my final HTML markup sample to create accessible footnotes: As for the CSS, in addition to using the `.visually-hidden` utility class, I refer to Kitty Giraudel's ["Accessible Footnotes with CSS"](https://www.sitepoint.com/accessible-footnotes-css/) article to style the highlight background color when heading to a footnote from a reference. -## Configure My Markup in Eleventy's Configurations +## Configure markdown-it-footnote in Eleventy's Configuration File (If you do not use Eleventy, you may skip this section) @@ -200,14 +200,13 @@ module.exports = function (eleventyConfig) { } ``` - If you are a fellow Eleventy user, feel free to borrow my markdown-it-footnote configurations in your own. Make sure you install markdown-it-footnote first by keying in the installation command in the terminal: ```powershell npm install markdown-it-footnote --save ``` -## Bonus: Alternative to Footnotes +## Bonus: Alternatives to Footnotes As you likely have realised, footnotes are really tricky to implement on web pages, so you may be wondering: is there any alternative to footnotes?