3 ms·
Like pretty much all CSS interactivity hacks, those footnotes are not accessible; you can't operate them with a keyboard and screen readers only read the footno
by extra88 3y ago
Like pretty much all CSS interactivity hacks, those footnotes are not accessible; you can't operate them with a keyboard and screen readers only read the footnote number as a part of the text (even if the screen reader user guesses it's meant to be interactive, they can't click it).
- rijoja 3y agoWhat's the best way to handle footnotes, from a accessibility point of view?
- extra88 3y agoI don't know of a better option than what a number of blogs, like Daring Fireball [0] do, link the footnote number to to the footnote, end each footnote with a link back to the footnote number (typically using the ↩ character). Kitty Giraudel wrote about a version that's a bit "extra." [1] They make a whole word or phrase the footnote link text but style automatically inserted CSS counters so only numbers have the appearance of a link. Plus, each link has a description, "Footnote," to make it more clear to screen reader users where it goes. [0] https://daringfireball.net/2023/08/whats_the_deal_with_sensor_tower#fn3-2023-08-05 https://daringfireball.net/2023/08/whats_the_deal_with_senso... [1] https://www.sitepoint.com/accessible-footnotes-css/ https://www.sitepoint.com/accessible-footnotes-css/
- rijoja 3y agoInteresting, thank you very much!