WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Requesting for opinion on footer reference accessibility


From: Birkir R. Gunnarsson
Date: Jul 25, 2020 4:54AM

Also keep in mind that screen readers don't announce superscripts.
I've seen a situation where a screen reader tells you you must be
"under 183" (You must be under 18<sup>3</sup>), to use some service.
I would say at minimum identify the thing as a footnote (maybe insert
the word "footnote" via visually hidden span or CSS:content.
Ideally make it a working link,, that is enough to indicate it is a
footnote, add the word "footnote" for preference.
Instead of linking to the footnote you could pop it up in a modal
dialog when user clicks it, could work for many-to-one scenarios.
Here are two oldy but still goody examples I, CB Averittt and a few
others played around with some years ago
One t one
Many to one:
(if you shrink this one to a responsive view the reference changes to a modal".

On 7/20/20, Mohith BP < <EMAIL REMOVED> > wrote:
> Thank you Glen for clarifying and for the reference.
> I marked as best practice (suggestion) to the client.
> On 7/15/20, glen walker < <EMAIL REMOVED> > wrote:
>> It's not strictly required by WCAG but it certainly would be helpful for
>> all users to have the footnote references as links where they occur in
>> the
>> main body of the text.
>> Here's a good article on accessible footnote references:
>> https://www.sitepoint.com/accessible-footnotes-css/
>> As far as having multiple references to the same footnote, that's easy to
>> implement. I've done it before. In the event handler for the footnote
>> link, I queried the ID of the current reference and dynamically updated
>> the
>> SRC attribute of the footnote itself so it would go back to the link it
>> was
>> called from. Of course, the "back" button in the browser would work too.
>> On Wed, Jul 15, 2020 at 8:13 AM Mohith BP < <EMAIL REMOVED> > wrote:
>>> Hi All,
>>> Scenario:
>>> One of the web pages I am currently working has a heading in the
>>> footer as References and all the references are listed out in an
>>> ordered (numbered) list.
>>> The proper reference numbers are referred throughout the main region
>>> with superscript.
>>> There is no functionality of clicking on the reference number and
>>> moving to the footer reference links.
>>> Query:
>>> 1. From accessibility point of view is it required to provide the
>>> functionality of clicking on the reference number to move to the
>>> footer reference link?
>>> 2. If yes, how to provide skip back to the content from footer
>>> reference section when the same reference number is used at multiple
>>> places in the main region?
>>> I feel this is not needed as the functionality is not present.
>>> Thanks & Regards,
>>> Mohith B. P.
>>> >>> >>> >>> >>>
>> >> >> >> >>
> > > > >

Work hard. Have fun. Make history.