Re: Footnotes and Tooltips

Hi Jeana,
Regarding the question of whether it's still accessible if a user can
access the covered information if it can be seen/read when they click away.

We had a vendor with disabled accessibility testers review our components.
This very behavior was identified as an issue.

This approach makes the disabled user work to obtain the information for
the benefit of the abled user. I personally feel it is not ideal as more
energy is already required of them.

Hope this helps!









On Tue, Apr 28, 2020, 8:55 AM Jeana Clark <jclark@veritashealth.com> wrote:

> Thanks for all of the feedback so far.
>
> With the tooltip/hover on footnotes, we find it does help provide a better
> user experience for the researchers who use our website (We actually got
> positive feedback from our audience when we added the feature—usually we
> only hear the bad stuff). When the tooltip does appear, it does cover up
> some text on the page, but once you hover away, that text is viewable
> again.  Is this behavior considered inaccessible?
>
> If a user were still able to ‘click’ the footnote number, and jump down to
> where the footnotes are listed to see the full citation (and then also jump
> back up), is that considered accessible?  What if we still had the hover
> ability mentioned above, but knew that for some users the hover/tooltip
> would not be read by their screen reader, so the user would have to
> click/jump down to the full citation — is that still considered accessible?
>
> The more I dig into this, the more I’m thinking we really can’t have
> accessible tooltips in this situation. I’m having a hard time finding a
> design/code pattern that does both (Footnotes at the bottom of a page, and
> accessible hover ability for references in the content).
>
> Sean - when you have a minute, can you help me track down the examples
> from Smashing - I just searched their site pretty thoroughly and can’t find
> the content you mentioned.
>
> ------------------------------
> *Jeana Clark*
> jclark@veritashealth.com
>
>
>
>
> On Apr 27, 2020, at 9:32 PM, Murphy, Sean <
> SeanMichael.Murphy@team.telstra.com> wrote:
>
> The smashing magazine has good examples on accessible tooltips with
> keyboards which I would recommend. The pattern supports keyboards.
>
>
> <image001.png>
>
> Sean Murphy | Accessibility expert/lead
> Digital Accessibility manager
> Telstra Digital Channels | Digital Systems
> *Mobile: *0405 129 739 | Desk: (02) 9866-7917
>
> www.telstra.com
>
> This email may contain confidential information.
> If I've sent it to you by accident, please delete it immediately
>
>
>
> *From:* caroline <woodward.caroline@gmail.com>
> *Sent:* Tuesday, 28 April 2020 11:20 AM
> *To:* Jeana Clark <jclark@veritashealth.com>
> *Cc:* w3c-wai-ig@w3.org
> *Subject:* Re: Footnotes and Tooltips
>
> [External Email] This email was sent from outside the organisation – be
> cautious, particularly with links and attachments.
> Hi Jeana,
> I was wondering, forgive my ignorance but if navigated using keyboard,
> would the hover be triggered when it gained focus? If yes, would any
> pertinent information be covered by the appearance of that information
> before the user could see it?
>
> When thinking about using hovers some things I have check for is whether
> the hover will impact keyboard-only users, also not all screen-reader users
> are blind, I'm guessing this is solely for desk top.
>
> I know it's not exactly what you're looking for but wondered if their may
> be something impacted by that.
>
>
>
>
>
> On Mon, Apr 27, 2020, 4:55 PM Jeana Clark <jclark@veritashealth.com>
> wrote:
>
> This seems like a great tutorial on how to add footnotes to your website
> and have them be accessible:
> https://www.sitepoint.com/accessible-footnotes-css/
>
> However, my client has requested that they also have a
> hoverability/tooltip aspect to them. Where you can hover or keyboard tab to
> the footnote, and it displays the footnote on the screen in context of the
> content you’re reading. Sara Soueidn had this great write up about trying
> to achieve tooltips without javascript… but in the end determined that, to
> do it well, you really do need javascript:
> https://www.sarasoueidan.com/blog/accessible-tooltips/
>
> Does anyone have a complete solution (or guidance) for footnotes + hover
> that is considered accessible?
>
> Thanks,
> Jeana
>
>
> ------------------------------
>
> *Jeana Clark*
> Creative Director
>
> Tel: 847.607.8577
> *jclark@veritashealth.com <jclark@veritashealth.com>*
>
> <image002.jpg> <https://www.veritashealth.com/>
>
>
>
> *Spine-health.com <https://www.spine-health.com/>* | *Arthritis-health.com
> <https://www.arthritis-health.com/>*
> *Sports-health.com <https://www.sports-health.com/>* | *Pain-health.com
> <https://www.pain-health.com/>*
>
>
> *** CONFIDENTIALITY NOTICE*** This message and any included attachments
> are from Veritas Health, LLC (owner and operator of Spine-health.com
> <http://spine-health.com/>, Arthritis-health.com
> <http://arthritis-health.com/>, Sports-health.com
> <http://sports-health.com/> and Pain-health.com <http://pain-health.com/>)
> and are intended for the addressee only. The contents in this message may
> contain confidential information belonging to the sender that is legally
> privileged. Unauthorized forwarding, printing, copying, distribution, or
> use of such information is strictly prohibited and may be unlawful. If you
> are not the addressee, please promptly delete this message and notify the
> sender of the delivery error by e-mail or contact the Veritas Health, LLC
> at admin@veritashealth.com. Veritas Health reserves the right to view all
> communications into and out of the company and senders shall have no
> expectation of privacy.
>
>
>