Re: Accessibility of HTML title attribute for tooltips

Of course there are accessible solutions, but even if they are compliant they are not user friendly. Try everything else before using Tooltipps. They are distracting, it’s annoying to reveal them with mouse or keyboard - whenev you can Avoid them: use something else instead!

--
Mit freundlichen Grüßen

Marc Haunschild
www.mhis.de

On 17. Jul 2020, at 09:50, Juliette McShane <mcshanejuliette@gmail.com> wrote:


Hey there Ajay and Anthony,

Just a little implementation note about that tooltip.

Deque provides a compliant javascript tooltip which will become and remains visible when the element receives keyboard focus and which also remains visible while the mouse is hovering over it. There are a few components you'll need put in to your webpage, including some CSS for the styling and some javascript for the function.

It's important to note that you'll need to include the link to the javascript at the end of the page so that the content has loaded before the javascript is run. Then there are a few html level additions you'll need to make for each tooltip you want. The result is visually appealing and compliant.

Regards,
Juliette

jmcshane@access2online.com<mailto:jmcshane@access2online.com>
541-515-4434
FAX: 503-582-8337
Access2online Inc.
29030 SW Town Center Loop East
Suite 202-187
Wilsonville, OR 97070
www.Access2online.com<http://www.Access2online.com>
Prison inmates helping the internet become accessible


On Thu, Jul 16, 2020 at 3:19 PM Anthony Adams <anthony2adams@gmail.com<mailto:anthony2adams@gmail.com>> wrote:
Ajay,

One of our analysts saw your question and provided the answer below:

Using a custom tooltip is the best way to keep the tooltip visible.

You can use Deque’s stylesheet for a custom tooltip that will display on hover and on tab over. Deque-patterns.min.css.

Best,
Anthony

aadams@access2online.com<mailto:aadams@access2online.com>
503-570-6831
FAX: 503-582-8337
Access2online Inc.
29030 SW Town Center Loop East
Suite 202-187
Wilsonville, OR 97070
www.Access2online.com<http://www.Access2online.com>
Prison inmates helping the internet become accessible


On Thu, Jul 16, 2020 at 2:28 PM Ajay Sharma <ajaysharma89003@gmail.com<mailto:ajaysharma89003@gmail.com>> wrote:
Hello there,

I have a question regarding native HTML title attribute, , which is
one of the easy way to add tool tip to a control, but tool tips
generated in this way do not persist while trying to hover with mouse
pointer, which fails SC 1.3.13 Content on hover or focus.

Now, we have a website that have used title attribute everywhere for
generating tool tips, so to make it compliant we have to use custom
tooltips, just want to know, is it the right thing to do, or are there
any standard practice to handle this situation. Just for more context,
the tooltips are not conveying anything critical and do not span more
than three words, for example, the longest tool tip we have is on
social media icons that reads "Follow us on Facebook" upon hovering on
Facebook icon.

Any insight would be really helpful.

Thanks!
Ajay



--
Regards,
Juliette McShane
Second Chance Net Inc.
29030 SW Town Center Loop East
Suite 202-187
Wilsonville, OR 97070
503-570-6831 - jmcshane@secondchancenet.org<mailto:jmcshane@secondchancenet.org>
Cell: 541-515-4434
FAX: 503-582-8337
Reducing recidivism by helping inmates earn a seat at our nation's
digital table