WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: bibliographic citations

for

From: Birkir R. Gunnarsson
Date: Jul 13, 2016 2:28PM

Sounds like you want accessible footnotes.
We (me and my Deque colleagues CB Averitt and Melanie Phillip) were
playing around with the most accessible way to code footnotes.
YOu can see a demo here:
http://a11yideas.com/testcode/footnotesONeToOne.html
The idea is to use the superscript and [], Wikipedia style, but make
the references into links with a corresponding link in the footnote
that takes the user back to the reference.
The JavaScript on the page is necessary when multiple references are
made to a single footnote.
The JavaScript remembers where the last reference came from and sends
the user back there.
This is just an idea we are toying with but might give you an idea.
There was a clever ARIA attribute devised for this scenario,
aria-flowto, but it only works in Jaws with Firefox, nowhere else, so
its use is extremely limited.

<cite> is not announced by screen readers, unless you turn on special
speech schemes in Jaws. I think NVDA and Voiceover do not offer suers
a way to take advantage of these, though I am not 100% sure, and want
to be wrong.




On 7/11/16, Alan Zaitchik < <EMAIL REMOVED> > wrote:
> Any help most appreciated.
>
> We are trying to make as accessible as possible an existing web site that
> features bibliographic references formatted according to Wikipedia style,
> with superscripted square brackets around a number. The number links to an
> item in a bibliography at the end of the article. (Hope that makes sense.)
>
> Is there a recommended "best practice" for handling citations to make them
> as accessible as possible, both to users of screen readers as well as to
> sighted but mobility restricted, keyboard-only users? I am not sure there is
> any reason the Wikiperdia approach would worse than other approaches; it
> seems to me the brackets and superscripting makes it visually more clear to
> those with some sight that we have a citation, but I ask nonetheless.
> Related: what markup should be placed around the <a>? Is there an ARIA
> landmark that should be used? Is there support for the HTLM4 <cite> tag?
>
> In short: what is the best strategy here?
>
> Thanks!
> Alan
> > > > >


--
Work hard. Have fun. Make history.