Re: Adding ARIA properties to form elements with class names

Joshue,
If I understand your intent correctly,  sure using jQuery for instance
one can use CSS class selectors to add attributes including ARIA
attributes to elements. And in some situations it will work fine.  For
instance
<label>Start date: <input class="datefld" aria-describedby="dtFormat"
type="text" /></label>
<label>End date: <input class="datefld" aria-describedby="dtFormat"
type="text" /></label>
And on the page it says
<p id="dtFormat">Please enter date as Mm / Dd / YYYY</p>

JQuery:
($('input').filter('.datefld').attr("aria-describedby="dtFormat"));

But as Steve noted, one may not be able to circumvent for-id markup
if the intent is to label form controls explicitly.
Regards,
Sailesh


On 4/25/14, Joshue O Connor <joshue.oconnor@cfit.ie> wrote:
> Steve Faulkner wrote:
>> On 25 April 2014 14:18, Joshue O Connor<joshue.oconnor@cfit.ie>  wrote:
>>
>>> Can ARIA properties be added to input controls using class names, rather
>>> than using IDs?
>>
>>
>> hi Josh assuming you mean can the class name be used as a ref, for
>> example:
>>
>> <span class="classa">label</span>
>>
>> <a aria-labelledby="classa">text</a>
>>
>> answer is no, only references to valid id values
>
> Right. I mention it, because when auditing I come across INPUT elements
> that have existing class names often. I think if some ARIA functionality
> could piggy back on what is there already, rather than getting authors
> to add unique ID values for each element that they want pimp
> semantically, then its win win.
>
> Josh
>
>
>> Regards
>>
>> SteveF
>> HTML 5.1<http://www.w3.org/html/wg/drafts/html/master/>
>>
>
>
>

Received on Friday, 25 April 2014 15:49:49 UTC