Re: Accessibility of HTML title attribute for tooltips

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
503-570-6831
FAX: 503-582-8337
Access2online Inc.
29030 SW Town Center Loop East
Suite 202-187
Wilsonville, OR 97070
www.Access2online.com
Prison inmates helping the internet become accessible



On Thu, Jul 16, 2020 at 2:28 PM Ajay Sharma <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
>
>