Re: Accessibility of HTML title attribute for tooltips

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
541-515-4434
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 3:19 PM Anthony Adams <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
> 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
>>
>>

-- 
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
Cell: 541-515-4434
FAX: 503-582-8337
Reducing recidivism by helping inmates earn a seat at our nation's
digital table