- From: Thomas Logan <thomas.logan@bayfirst.com>
- Date: Mon, 21 Jul 2008 16:51:09 -0400
- To: "Srinivas Annam" <annams@google.com>, <dev-accessibility@lists.mozilla.org>
- Cc: <wai-xtech@w3.org>
- Message-ID: <96F839DEE3644344AD0170A63A33FE3C0636920C@mse3be2.mse3.exchange.ms>
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
Attachments
- text/html attachment: listboxlabeled.html
Received on Tuesday, 22 July 2008 02:00:26 UTC