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: Steve Faulkner <faulkner.steve@gmail.com>
Date: Wed, 27 Jun 2012 14:53:21 +0100
Message-ID: <CA+ri+V=1cSBChQdzM-P5REriKg=4S3rwQyiQN+w7K7B9-1EdBw@mail.gmail.com>
To: Ian Yang <ian.html@gmail.com>
Cc: "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
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#Accessible_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#Making_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
> >> ) which is taken from this blog page (
> >>
> >>
> http://www.lessfussdesign.com/blog/2010/08/using-aria-describedby-for-form-help-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
Received on Wednesday, 27 June 2012 13:54:35 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 27 June 2012 13:54:35 GMT