E-mail List Archives

You are here: Home > Community > E-mail List Archives > View Thread

Thread: How to do footnotes accessibly

Number of posts in this thread: 3 (In chronological order)

From: McGarvey, Paul
Date: Wed, Apr 26 2017 9:23AM
Subject: How to do footnotes accessibly
No previous message | Next message →

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
***********************************************************************************************

From: Bryan Garaventa
Date: Wed, Apr 26 2017 9:42AM
Subject: Re: How to do footnotes accessibly
← Previous message | Next message →

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 ADDRESS REMOVED =
415.624.2709 (o)
www.SSBBartGroup.com

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of McGarvey, Paul
Sent: Wednesday, April 26, 2017 8:24 AM
To: = EMAIL ADDRESS 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
***********************************************************************************************

From: Karl Brown
Date: Thu, Apr 27 2017 12:58AM
Subject: Re: How to do footnotes accessibly
← Previous message | No next message

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 ADDRESS 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 ADDRESS REMOVED =
> 415.624.2709 (o)
> www.SSBBartGroup.com
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On
> Behalf Of McGarvey, Paul
> Sent: Wednesday, April 26, 2017 8:24 AM
> To: = EMAIL ADDRESS 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