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

Re: Using aria-labelledby instead of <label> element

From: George Zamfir <george@georgezamfir.com>
Date: Thu, 22 Mar 2012 13:03:22 -0400
Message-ID: <CAJUyZ_oX503B8Fp94xdrmnz+kHnD0QUxUyWq3K8vwgyqoWvPkA@mail.gmail.com>
To: WAI Interest Group <w3c-wai-ig@w3.org>
This may also be useful to users who rely on visual cues (not SR users) to
get around the screen. I've seen users who use screen magnifiers who
appreciate the tool tips (provided by *title=*) as it helps them perceive
the UI better.


On Thu, Mar 22, 2012 at 12:38 PM, Steve Faulkner
<faulkner.steve@gmail.com>wrote:

> Another possibility is to use the title attribute on the inputs to provide
> the label.
>
> for example:
> http://www.paciellogroup.com/presentations/CSUN08/webapps/#slide24
>
> regards
> Stevef
>
>
> On 22 March 2012 11:22, Ramón Corominas <listas@ramoncorominas.com> wrote:
>
>> Hi all,
>>
>> We are developing a tool to manage different fields related to many
>> records in a dataset. The information is presented as a data table to show
>> and edit the values of each record, so the column headers act as labels for
>> each field, and row headers identify each record. For example, imagine that
>> you have a chess shop:
>>
>> Columns: Piece, color, material, unit price
>> Rows: King, Queen, Rook, Knight, Bishop, Pawn
>>
>> Thus, we need to construct the "label" for each field combining both row
>> and column headers "Queen color", "Knight unit price", etc. We have tested
>> aria-labelledby to do this, and it seems to work fine with all the screen
>> readers and platforms that we have tested (JAWS & NVDA w/ IE & FF,
>> VoiceOver w/ Safari). We have also seen that this technique has been
>> submitted to the WCAG WG [1]. However, I cannot find it in the Techniques
>> document, so I don't know if there is a reason to avoiding it.
>>
>> What do you think? Would it be acceptable to use aria-labelledby as the
>> only way to label a form control?
>>
>> Thanks in advance,
>> Ramón.
>>
>> [1] Associating multiple labels with a form control using ARIA-LABELLEDBY
>> http://lists.w3.org/Archives/**Public/public-wcag2-techs/**
>> 2010Aug/0000.html<http://lists.w3.org/Archives/Public/public-wcag2-techs/2010Aug/0000.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 Thursday, 22 March 2012 17:03:50 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Thursday, 22 March 2012 17:03:55 GMT