WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: How to do footnotes accessibly

for

From: Karl Brown
Date: Apr 27, 2017 12:58AM


Hugo Giraduel wrote an article on footnotes using HTML and CSS (no
JavaScript) in 2015 that I use as my go-to footnotes resource:
http://www.sitepoint.com/accessible-footnotes-css/

It uses IDs and CSS counters to achieve the footnotes.

If you're using a CMS it'd be worth having fields for the authors to make
sure they're using unique IDs for each footnote on a page.

On Wed, Apr 26, 2017 at 4:42 PM, Bryan Garaventa <
<EMAIL REMOVED> > wrote:

> The trick for accessible footnotes is to manage focus appropriately, and
> to provide intuitive roles, names, and descriptions. Here you can see an
> example of this at:
> http://whatsock.com/tsg/Coding%20Arena/Footnotes/
> Footnotes%20(Internal)/demo.htm
>
> This works across both desktop for keyboard based screen readers, for
> keyboard only users without a screen reader, and for mobile touch screen
> users. It also includes logic for multiple references accessing the same
> footnote and tracking them appropriately.
>
> You can download the code and see how this works if you wish, at
> https://github.com/accdc/tsg
>
> All the best,
> Bryan
>
>
> Bryan Garaventa
> Accessibility Fellow
> SSB BART Group, Inc.
> <EMAIL REMOVED>
> 415.624.2709 (o)
> www.SSBBartGroup.com
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of McGarvey, Paul
> Sent: Wednesday, April 26, 2017 8:24 AM
> To: <EMAIL REMOVED>
> Subject: [WebAIM] How to do footnotes accessibly
>
> We're currently looking into adding guidance to http://style.ons.gov.uk/
> on footnotes, but we're not sure what the best way to handle these are from
> a usability and accessibility point of view. We're aiming to encourage
> people to use them as little as possible, but our statisticians will still
> need to use them. Can anyone suggest what might be a good way of handling
> this, or point to a website that would be an example of best practice?
>
> Regards,
>
> Paul McGarvey
> Senior Content Editor/Golygydd Cynnwys Uwch Digital Publishing Division |
> Is-adran Cyhoeddi Digidol Room 1.101 | Ystafell 1.101 Office for National
> Statistics | Swyddfa Ystadegau Gwladol Government Buildings | Adeiladau'r
> Llywodraeth Cardiff Road | Heol Caerdydd Newport | Casnewydd
> NP10 8XG
> Telephone | Ffôn: 01633 45 6019
>
>
> For the latest data on the economy and society, consult National
> Statistics at http://www.ons.gov.uk
>
> ************************************************************
> ***********************************
> Please Note: Incoming and outgoing email messages are routinely monitored
> for compliance with our policy on the use of electronic communications
>
> ************************************************************
> ***********************************
>
> Legal Disclaimer: Any views expressed by the sender of this message are
> not necessarily those of the Office for National Statistics
> ************************************************************
> ***********************************
> > > at http://webaim.org/discussion/archives
> > > > > >



--
Karl Brown
Twitter: @kbdevelops
Skype: kbdevelopment

Professional Certificate Web Accessibility Compliance (Distinction),
University of South Australia, 2015