Re: Good accessibility practice for handling footnotes

Currently there is a Call for Consensus (CfC) to the ARIA Working Group on the question of publishing Digital Publishing WAI-ARIA Module 1.1.
The content to be published can be found at: https://w3c.github.io/dpub-aria/<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2Fw3c.github.io%2Fdpub-aria%2F__%3B!!N11eV2iwtfs!4avhq1VQLpaLXB2MxsICUnPuHW9HXajdnVTo0-e5h4RwByMVExjKcd9IZq4JYw%24&data=04%7C01%7Cjku%40uic.edu%7C300e52f37a654df5889808d951cdffe3%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637630767475449238%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=raF%2BAZN5992MrYg3iAdIGLFGsWbYx3AUdkU8hORnWnM%3D&reserved=0>

Changes from the 1.0 release can be found at: https://w3c.github.io/dpub-aria/#substantive-changes-since-the-dpub-aria-1-0-recommendation<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2Fw3c.github.io%2Fdpub-aria%2F*substantive-changes-since-the-dpub-aria-1-0-recommendation__%3BIw!!N11eV2iwtfs!4avhq1VQLpaLXB2MxsICUnPuHW9HXajdnVTo0-e5h4RwByMVExjKcd80hjCY2w%24&data=04%7C01%7Cjku%40uic.edu%7C300e52f37a654df5889808d951cdffe3%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637630767475459193%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=1OeJ%2FYBWagHcC4UBi%2F4SbTacbppbFA%2BfsVDLd9UvQi0%3D&reserved=0>

A few points from the changes are


  1.  23-July-2020: Deprecated the doc-biblioentry<https://w3c.github.io/dpub-aria/#doc-biblioentry> and doc-endnote<https://w3c.github.io/dpub-aria/#doc-endnote> roles due to the inability of them to be recognized as children of list<https://w3c.github.io/aria/#list>. See issue 15<https://github.com/w3c/dpub-aria/issues/15>.
  2.  02-Oct-2020: Added new doc-pageheader<https://w3c.github.io/dpub-aria/#doc-pageheader> and doc-pagefooter<https://w3c.github.io/dpub-aria/#doc-pagefooter> roles. See issue 28<https://github.com/w3c/dpub-aria/issues/28>.


I hope this info is helpful.

Best,

JaEun Jemma Ku, PhD
Assistant Director of Digital Accessibility
Co-Facilitator and Editor of W3C ARIA APG<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2Fnam04.safelinks.protection.outlook.com%2F%3Furl%3Dhttps*3A*2F*2Fwww.w3.org*2FTR*2Fwai-aria-practices-1.2*2F%26data%3D04*7C01*7Cjku*40uic.edu*7C019cfb0067b6414019af08d8b74b87d8*7Ce202cd477a564baa99e3e3b71a7c77dd*7C0*7C0*7C637460882316299771*7CUnknown*7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0*3D*7C1000%26sdata%3Dp6U*2FjjHhjHi2HexN6YMu7imJiBTN*2FP8tDze*2BtMVe27c*3D%26reserved%3D0__%3BJSUlJSUlJSUlJSUlJSUlJSUlJSUlJQ!!DZ3fjg!pz5cC3-NjwaAQXUmHqHQ9v0UD9PRH6UUOw23A2CpVnJLd0arthDDQa28eAXsEyo81Q%24&data=04%7C01%7Cjku%40uic.edu%7Ceee223a4cc7f45a3e2f708d8e9c94b25%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637516398039044314%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=kJ3YDuFBno59MCfgdJ8S9IfRtCPmi6q%2Fd1uS83ldyy4%3D&reserved=0>

Office for Access and Equity<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2Fnam04.safelinks.protection.outlook.com%2F%3Furl%3Dhttp*3A*2F*2Fwww.uic.edu*2Fdepts*2Foae*2F%26data%3D04*7C01*7Cjku*40uic.edu*7C019cfb0067b6414019af08d8b74b87d8*7Ce202cd477a564baa99e3e3b71a7c77dd*7C0*7C0*7C637460882316309727*7CUnknown*7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0*3D*7C1000%26sdata%3DA5mKSj1vGGf4xDRgWqFyhIgchqUVlvZP28MNqFYQ*2FWM*3D%26reserved%3D0__%3BJSUlJSUlJSUlJSUlJSUlJSUlJSU!!DZ3fjg!pz5cC3-NjwaAQXUmHqHQ9v0UD9PRH6UUOw23A2CpVnJLd0arthDDQa28eAXBk3X7Dw%24&data=04%7C01%7Cjku%40uic.edu%7Ceee223a4cc7f45a3e2f708d8e9c94b25%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637516398039054278%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=CjaoFG28araqA9wwwmHigMPA1Pvuzqz%2F2G5zNWYwVRc%3D&reserved=0>
University of Illinois Chicago
Email: jku@uic.edu<mailto:jku@uic.edu>

Under the Illinois Freedom of Information Act any written communication to or from university employees regarding university business is a public record and may be subject to public disclosure.


From: Peter Weil <peter.weil@wisc.edu>
Date: Friday, July 30, 2021 7:06 AM
To: w3c-wai-ig@w3.org <w3c-wai-ig@w3.org>, Tobias Bengfort <tobias.bengfort@posteo.de>, Louise.Lister@iop.org <Louise.Lister@iop.org>
Subject: Re: Good accessibility practice for handling footnotes
Interesting. I was not aware of these aria roles until now. But it’s also worth noting that pub-aria 1.1 (still in draft) deprecates the the doc-endnotes role.

Footnotes and Endnotes come from print media; I’m not sure how suitable or usable they are in the web context.

In any case, it’s probably best to stick with native html elements (ol, li, etc.), and to include links going to and from the footnote or endnote reference. A suitable heading for the notes section also seems like a good idea.

Regarding aria-describedby, I suggest reviewing the caveats listed in

https://www.tpgi.com/describing-aria-describedby/<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2F%2Fwww.tpgi.com%2Fdescribing-aria-describedby%2F__%3B!!DZ3fjg!rxQ1Sy1eVl5lFw-vJsa32wsgci6n9Nv1LBdxmSFJOFuI6yht9ohkmPhWi_o_5_k%24&data=04%7C01%7Cjku%40uic.edu%7C02f5070a5ae24b81082c08d953524525%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637632436124402586%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=DNSL8awAJ4Z5B1DNuXiquksbCHLR%2Bmy0q0X57y8TPGE%3D&reserved=0>

And test with different screen readers.

Peter

--
Peter Weil, Web Developer
University Marketing
University of Wisconsin–Madison
peter.weil@wisc.edu
(m) 608-220-3089

On Jul 29, 2021, 11:38 AM -0500, Tobias Bengfort <tobias.bengfort@posteo.de>, wrote:
Hi Louise,

The Digital Publishing WAI-ARIA Module 1.0[0] adds explicit roles for
footnotes and endnotes. (You probably want to use endnotes.)

I am not sure how well this is supported in AT though.

tobias

[0]: https://www.w3.org/TR/dpub-aria-1.0/<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2F%2Fwww.w3.org%2FTR%2Fdpub-aria-1.0%2F__%3B!!DZ3fjg!rxQ1Sy1eVl5lFw-vJsa32wsgci6n9Nv1LBdxmSFJOFuI6yht9ohkmPhW347FR90%24&data=04%7C01%7Cjku%40uic.edu%7C02f5070a5ae24b81082c08d953524525%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637632436124402586%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=430HU2lNZYm1%2B%2BHe3YB9YTBzyTe51%2BFa8Lkn4jTW6%2FU%3D&reserved=0>


On 29/07/2021 17.04, Louise Lister wrote:


Hello all,

I just wondered if there was an approved good practice for the use of
accessible footnotes. We have some articles on our website that carry
footnotes (currently numbered) that point to links further down the page.

Currently, a typical fragment looks a bit like this:

<p>Content in here<a href="#_ftn2" title="">[2]</a>.</p>

Then the footnote further down the page:

<div>

<p class="MsoFootnoteText"><a href="#_ftnref2" title="">[2]</a> the
content source web link</p>

Would using the *aria-describedby* attribute as detailed by this writer
be the best way forward? See
https://www.sitepoint.com/accessible-footnotes-css/<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2F%2Fwww.sitepoint.com%2Faccessible-footnotes-css%2F__%3B!!DZ3fjg!rxQ1Sy1eVl5lFw-vJsa32wsgci6n9Nv1LBdxmSFJOFuI6yht9ohkmPhWnGiCWbk%24&data=04%7C01%7Cjku%40uic.edu%7C02f5070a5ae24b81082c08d953524525%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637632436124412548%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=xX8l9x3M%2FUmQsBUl6Pct7O10yAsE93fCSRZZpLMdYfo%3D&reserved=0>
<https://www.sitepoint.com/accessible-footnotes-css/><https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2F%2Fwww.sitepoint.com%2Faccessible-footnotes-css%2F*3E__%3BJQ!!DZ3fjg!rxQ1Sy1eVl5lFw-vJsa32wsgci6n9Nv1LBdxmSFJOFuI6yht9ohkmPhWzFlli4o%24&data=04%7C01%7Cjku%40uic.edu%7C02f5070a5ae24b81082c08d953524525%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637632436124412548%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=QUL413SJAuzYm2t2LfbdONqAtf54Smr4oSMmPhbG0nU%3D&reserved=0>

I am guessing this scenario would affect research and education websites
like ours rather than being a more general requirement.

If anyone can advise that would be great and then I can look at making
it so (Jean-Luc Picard style).

Thank you, and sorry about all my questions!

With kind regards,

Louise



------------------------------------------------------------------------
This email (and attachments) are confidential and intended for the
addressee(s) only. If you are not the intended recipient please
immediately notify the sender, permanently and securely delete any
copies and do not take action with it or in reliance on it. Any views
expressed are the author's and do not represent those of IOP, except
where specifically stated. IOP takes reasonable precautions to protect
against viruses but accepts no responsibility for loss or damage arising
from virus infection. For the protection of IOP's systems and staff
emails are scanned automatically..

Institute of Physics. Registered charity no. 293851 (England & Wales)
and SCO40092 (Scotland)
Registered Office: 37 Caledonian Road, London, N1 9BU
<https://goo.gl/maps/DUHbKcbzuUN2><https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2F%2Fgoo.gl%2Fmaps%2FDUHbKcbzuUN2*3E__%3BJQ!!DZ3fjg!rxQ1Sy1eVl5lFw-vJsa32wsgci6n9Nv1LBdxmSFJOFuI6yht9ohkmPhWBIyAfus%24&data=04%7C01%7Cjku%40uic.edu%7C02f5070a5ae24b81082c08d953524525%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637632436124422499%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=VSJPlI4bzbxTcBOqZc30M7g4RqaIMlb%2Bx9qp8Uv%2FiYY%3D&reserved=0>

Your privacy is important to us. For information about how IOP uses your
personal data, please see our Privacy Policy
<https://emea01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.iop.org%2Fprivacy%2Findex.html&data=02%7C01%7C%7C6716aa3c6fd84da5102808d5c0b234a0%7Cf9ee42e6bad04e639115f704f9ccceed%7C0%7C0%7C636626793962820374&sdata=RI6OT4MumRlklNzF5i2M9ZxS6P%2FxxLg%2FJwcnMJ%2B0480%3D&reserved=0><https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Furldefense.com%2Fv3%2F__https%3A%2F%2Femea01.safelinks.protection.outlook.com%2F%3Furl%3Dhttp*3A*2F*2Fwww.iop.org*2Fprivacy*2Findex.html%26data%3D02*7C01*7C*7C6716aa3c6fd84da5102808d5c0b234a0*7Cf9ee42e6bad04e639115f704f9ccceed*7C0*7C0*7C636626793962820374%26sdata%3DRI6OT4MumRlklNzF5i2M9ZxS6P*2FxxLg*2FJwcnMJ*2B0480*3D%26reserved%3D0*3E__%3BJSUlJSUlJSUlJSUlJSUlJSU!!DZ3fjg!rxQ1Sy1eVl5lFw-vJsa32wsgci6n9Nv1LBdxmSFJOFuI6yht9ohkmPhWEwaiEqk%24&data=04%7C01%7Cjku%40uic.edu%7C02f5070a5ae24b81082c08d953524525%7Ce202cd477a564baa99e3e3b71a7c77dd%7C0%7C0%7C637632436124422499%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000&sdata=2ai%2BMmm2FuvGqvyclUsiQUbM1FUni1PirFqcFJY%2Fj5c%3D&reserved=0>

------------------------------------------------------------------------