Accessible Footnotes with CSS — SitePoint


24 bookmarks. First posted by spaceninja june 2016.


The problem with footnotes on the web is that they can be a pain to maintain. If you happen to work on the same document often, changing the order of sections, adding references along the way, it might be tedious to have to re-number all existing footnotes. For example, if you have 3 existing references to footnotes in a document, and you want to add another one, but on a piece of content that occurs before all the others, you have to re-number them all. Not great… We could use CSS counters to make this whole thing much easier.
internet  webdesign  html  css 
8 weeks ago by terry
Fantastic method using CSS counters
Accessibility  CSS/HTML 
february 2018 by stringy
What if we did not have to maintain the numbering by hand and it could be done automatically? The only thing we would have to pay attention to, is that the order of the actual notes in the footer respect the order of appearance of the references in the text.
howto  css  accessibility  webdev 
january 2018 by mathieup
Accessible Footnotes with CSS — SitePoint via Instapaper http://ift.tt/2AbrngL
IFTTT  Instapaper 
january 2018 by bishbashbosh
I was playing with CSS counters the other day and thought about using them to deal with footnotes. According to Plagiarism which has a surprisingly long entry on the matter, footnotes are:
wd  wd-accessibility  wd-accessibility--aria  wd-html  wd-css  wd-src--sitepoint 
january 2018 by ericwbailey
“Accessible Footnotes with CSS — SitePoint”
from twitter_favs
january 2018 by aslakr
I was playing with CSS counters the other day and thought about using them to deal with footnotes. According to Plagiarism which has a surprisingly long entry…
from instapaper
january 2018 by elivz
Accessible Footnotes with CSS
counters  css  footnotes 
november 2017 by abberdab
"We could use CSS counters to make this whole thing much easier. What if we did not have to maintain the numbering by hand and it could be done automatically? The only thing we would have to pay attention to, is that the order of the actual notes in the footer respect the order of appearance of the references in the text."
css  footnotes  counters  fridayfrontend 
june 2016 by spaceninja