W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > April to June 2012

RE: Is it okay to add role="tooltip" to static elements?

From: Roger Hudson <rhudson@usability.com.au>
Date: Thu, 28 Jun 2012 08:03:23 +1000
To: "'Steve Faulkner'" <faulkner.steve@gmail.com>, "'Ian Yang'" <ian.html@gmail.com>
Cc: <w3c-wai-ig@w3.org>
Message-ID: <000901cd54b0$ad75fae0$0861f0a0$@com.au>
Thanks for the discussion Ian and Steve.

 

Most interesting and informative.

 

Roger

 

From: Steve Faulkner [mailto:faulkner.steve@gmail.com] 
Sent: Wednesday, 27 June 2012 11:53 PM
To: Ian Yang
Cc: w3c-wai-ig@w3.org
Subject: Re: Is it okay to add role="tooltip" to static elements?

 

Hi Ian,

The text is not a tooltip, tooltips have particular properties associated
with them: http://www.w3.org/WAI/PF/aria-practices/#tooltip

Note:

In IE if you use aria-labelledby with multiple id references or
aria-describedby with single or multiple id references, the referenced
elements must be what Microsoft terms as accessible HTML elements
<http://msdn.microsoft.com/en-us/library/ie/gg701963%28v=vs.85%29.aspx#Acces
sible_HTML_Elements> .  So tabindex=-1 would have to be added to the <p>
refer to Making Non accessible Elements Accessible
<http://msdn.microsoft.com/en-us/library/ie/gg701963%28v=vs.85%29.aspx#Makin
g_Nonaccessible_Elements_Accessible> 


regards
Stevef

On 27 June 2012 14:24, Ian Yang <ian.html@gmail.com> wrote:

Hi Steve,

Yes, the example uses aria-describedby to associate the static < p >
element and the < input > field so the information will be announced
when the field receives focus.

The issue which I'm trying to figure out is if adding role="tooltip"
to the static < p > element has bad effects on assistive technologies.

Regards,
Ian

2012/6/27 Steve Faulkner <faulkner.steve@gmail.com>:

> Hi Ian,
>
> I suggest its better to include the text within the label for the form
field
> so the information will be announced when the field recieves focus:
>
> examples and details here:
> http://www.html5accessibility.com/tests/mulitple-labels.html
>
> regards
> steve
>
>
> On 27 June 2012 12:50, Ian Yang <ian.html@gmail.com> wrote:
>>
>> Hi everyone,
>>
>> Please take a look at this image (
>>
>>
http://www.lessfussdesign.com/blog/http://www.lessfussdesign.com/images/blog
/form-screen-2009-08-10.gif
<http://www.lessfussdesign.com/blog/http:/www.lessfussdesign.com/images/blog
/form-screen-2009-08-10.gif> 
>> ) which is taken from this blog page (
>>
>>
http://www.lessfussdesign.com/blog/2010/08/using-aria-describedby-for-form-h
elp-text/
>> ).
>>
>> The image shows that there is a static description paragraph (< p >
>> element) below the password input field. In that case, is it okay to
>> add ARIA role="tooltip" to the static < p > element?
>>
>> In most web designs, tooltips are often designed as "popups" which are
>> triggered by mouse hover. However, if I understand it correctly,
>> "tooltip" literally means "tip of tool" and doesn't imply that a
>> tooltip must be a "popup" thing. So, can I add role="tooltip" to
>> elements which can be considered as "tip of tool", even if they are
>> static elements? (Just like the example above) By doing so, I feel
>> they are markup'ed more meaningfully, and we also get the benefit of
>> having styling hooks.
>>
>> I'm not sure whether adding role="tooltip" to static elements has
>> negative effects to assistive technologies or not. Is this idea
>> appropriate or inappropriate?
>>
>>
>> Kind Regards,
>> Ian
>>
>
>
>
> --
> with regards
>
> Steve Faulkner
> Technical Director - TPG
>
> www.paciellogroup.com | www.HTML5accessibility.com |
> www.twitter.com/stevefaulkner
> HTML5: Techniques for providing useful text alternatives -
> dev.w3.org/html5/alt-techniques/
> Web Accessibility Toolbar -
> www.paciellogroup.com/resources/wat-ie-about.html
>




-- 
with regards

Steve Faulkner
Technical Director - TPG

www.paciellogroup.com | www.HTML5accessibility.com |
www.twitter.com/stevefaulkner
HTML5: Techniques for providing useful text alternatives -
dev.w3.org/html5/alt-techniques/
Web Accessibility Toolbar -
www.paciellogroup.com/resources/wat-ie-about.html
<http://www.paciellogroup.com/resources/wat-ie-about.html> 
Received on Wednesday, 27 June 2012 22:04:47 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 27 June 2012 22:04:50 GMT