WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Footnotes


From: JP Jamous
Date: Aug 22, 2018 3:26PM

Thinking of this, I would definitely distracted if the footnote was in the
DOM right after the question. So how about this.

Place a button after the question with the caption "Footnote 1"
When the button is pressed, show a div that contains the footnote with a
close button

As a test taker, I would press the button and down-arrow to read the
footnote. Once I am done, I would hit Escape or press the Close button to
collapse it.

I think that would work better because the test taker is in charge of when
you hear the footnote.

Of course, you can hide the buttons using clipped CSS so sighted test takers
do not see them, but SR users can hear them. You do the same to the footnote
number, where the SR user does not hear it but the sighted user sees it.

I think this type of approach would work best.

JP Jamous
Senior Digital Accessibility Engineer
E-Mail Me |Join My LinkedIn Network

-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
Isabel Holdsworth
Sent: Wednesday, August 22, 2018 10:02 AM
Subject: [WebAIM] Footnotes

Hi all,

We're creating an exam test, one of whose questions has four multiple choice
options. Three of these options have associated footnotes (sometimes more
than one), and just to make things interesting, footnote 1 relates to both
options 1 and 3. So effectively there's a many-to-many relationship.

We're struggling to mark up this question accessibly.

We've tried using the aria-described attribute, but it isn't spoken by JAWS
in expert mode so it's not reliable enough for us.

We've tried locating the text just below the option radiobuttons in the DOM,
but of course when JAWS is in forms mode, pressing Tab skips over the
footnotes and straight to the Submit button.

Can anyone think of an accessible way to associate each option with its
footnotes in a way that works for screenreader, screen mag and keyboard

I'd really appreciate your thoughts.

Thanks as always, Isabel