Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Use descriptive aria label for back to footnote reference

This commit is contained in:
Helen Chong 2024-06-13 19:04:03 +08:00
parent 6946d5fb07
commit feb54bf562
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
eleventy.config.md.js
View File

@ -85,9 +85,17 @@ module.exports = function (eleventyConfig) {
'<ol class="footnotes__list">\n' '<ol class="footnotes__list">\n'
); );
markdownLibrary.renderer.rules.footnote_anchor = (tokens, idx, options, env, slf) => {
let id = slf.rules.footnote_anchor_name(tokens, idx, options, env, slf);
if (tokens[idx].meta.subId > 0) id += `:${tokens[idx].meta.subId}`;
/* ↩ with escape code to prevent display as Apple Emoji on iOS */
return ` <a aria-label="Back to reference #${id}" href="#fnref${id}" class="footnote-backref">\u21a9\uFE0E</a>`;
};
const renderRules = { const renderRules = {
footnote_caption: ['[', '[<span class="visually-hidden">Footnote #</span>'], footnote_caption: ['[', '[<span class="visually-hidden">Footnote #</span>'],
footnote_anchor: ['<a', '<a aria-label="Back to content"'],
}; };
Object.keys(renderRules).map(rule => { Object.keys(renderRules).map(rule => {
let defaultRender = markdownLibrary.renderer.rules[rule]; let defaultRender = markdownLibrary.renderer.rules[rule];