RE: Using title for ARIA name is impractical!

Hi all,

 

for subclasses of roles (like ToggleButton) I understood the
recommendation (workaround until role extensibility will be available)
was to use a hidden 

 

<LABEL id="mytoggle">ToggleButton</LABEL> 

 

carrying the info and associating it with basic role element using the
describedby property .. 

 

<div role=button aria-describedby=" mytoggle">

 

This approach avoids using "title" and works currently flawlessly for
me.

 

I would be VERY interested to see many other flavors (flowers? J)
popping up for renaming concepts ...

 

-       Stefan

 

From: wai-xtech-request@w3.org [mailto:wai-xtech-request@w3.org] On
Behalf Of Thomas Logan
Sent: Montag, 21. Juli 2008 22:51
To: Srinivas Annam; dev-accessibility@lists.mozilla.org
Cc: wai-xtech@w3.org
Subject: RE: Using title for ARIA name is impractical!

 

Hi Srinivas attached is one way to label the listbox.

 

Use a div and give it an id.  I am not sure if there is an ARIA-Role to
mark something up as a label.  Then on the listbox set the
aria-labelledby property to the id for your label.  I verified this to
work with AccExplorer and Firefox 3.   Hopefully most web builders will
be using controls from a widget library that could already have this
relationship set up.   

 

I still hate the British spelling of labelled in the API but it works J


 

Thomas Logan, 

BayFirst Solutions LLC

Office: 206.524.4472

Fax: 206.524.4497

www.bayfirst.com

 

 

From: wai-xtech-request@w3.org [mailto:wai-xtech-request@w3.org] On
Behalf Of Srinivas Annam
Sent: Monday, July 21, 2008 1:06 PM
To: dev-accessibility@lists.mozilla.org
Cc: wai-xtech@w3.org
Subject: Re: Using title for ARIA name is impractical!

 

I have attached a modified version Mozilla.org Listbox example which
shows the issue.

On Mon, Jul 21, 2008 at 1:02 PM, Srinivas Annam <annams@google.com>
wrote:

In my continuing series of ARIA discoveries :)

The current recommendation requires the usage of title attribute to
provide a name for widgets of the following roles: combobox, grid,
group, img, list, listbox, menu, menubar, progressbar, radiogroup,
slider, spinbutton, textbox, tree, treegrid.

Now imagine a listbox or a tree with lot of visible child elements and
that each of these widgets (lisbox and options) are being created using
a div. The outerdiv for the listbox having it's role as "listbox" and
each of the list items having a role of "option". Now, assume that the
listbox has a title defined on it (so it could provide an acc name per
current recommendation) like below:

<div role="listbox" title="My Own Listbox"
aria-activedescendant="listbox1-1">
  <div role="option" id="listbox1-1" class="selected"
aria-selected="true">item 1</div>
  <div role="option" id="listbox1-2" >item 2</div>
  <div role="option" id="listbox1-3" >item 3</div>
</div>

At this time you would notice that hovering over with mouse on anywhere
over the listbox area (including where the individual items are shown)
would show a tooltip with the title. This is coming in as a side effect
of browser usage of title for the tooltip. Given this major UI
implication, IMO, this makes the usage of title to get an acc name on
the roles mentioned highly impractical. I would like to hear other
thoughts or ideas. Or if someone knows a way of getting ARIA name
without using a title.

Thanks,
Srinivas

-- 
Srinivas Annam
Software Engineer, Accessibility
Google, Inc.
Cell: 408.898.4928
Email: annams@google.com




-- 
Srinivas Annam
Software Engineer, Accessibility
Google, Inc.
Cell: 408.898.4928
Email: annams@google.com