WebAIM - Web Accessibility In Mind

E-mail List Archives

The aria-labelledby attribute must point to an element in the same document.

for

From: Greg Gamble
Date: May 10, 2013 11:18AM

I was validating a new page (It's an .aspx page) and I received the above error, which brings up the question ...

When using the aria-labelledby, does the referenced id(s) need to be visible to the user, like in an error message that has not been triggered yet?

Some code:
Before the validator rfvFName is fired it is hidden with display: none;

*** Before Error Fired ***

<div class="control-group">
<label for=" txtFName" id="lblFName" class="control-label"><span class="text-error" style="font-size: large;">*</span> First Name:</label>
<div class="controls">
<input maxlength="15" id="txtFName" placeholder="required" aria-required="true" aria-labelledby="rfvFName" type="text">
<span id="rfvFName" class="label label-important" role="alert" style="display:none;">First name required</span>
</div>
</div>

*** After Error Fired ***

<div class="control-group">
<label for="txtFName" id="lblFName" class="control-label"><span class="text-error" style="font-size: large;">*</span> First Name:</label>
<div class="controls">
<input maxlength="15" id="txtFName" placeholder="required" aria-required="true" aria-labelledby="rfvFName" type="text">
<span id=" rfvFName" class="label label-important" role="alert">First name required</span>
</div>


Greg Gamble
SBCTC - Olympia | Information Services

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Corbett, James
Sent: Friday, May 10, 2013 7:36 AM
To: 'WebAIM Discussion List'
Subject: Re: [WebAIM] Responsive Web Design

Hi:

Try the Government of Canada web sites. We use Skip to Content and Skip to Left navigation on all of our pages and I find it extremely useful for my navigation needs.

Jim

-----Original Message-----
From: <EMAIL REMOVED> [mailto: <EMAIL REMOVED> ] On Behalf Of Rakesh
Sent: May 10, 2013 10:32 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Responsive Web Design

In most of the cases the top navigation will be a dropdown. In such
cases skip to main content do not provide much help for users is what I
believe.

Thanks
Rakesh

On 5/10/2013 7:21 PM, Carol E Wheeler wrote:
> On 5/9/2013 21:15, Srinivasu Chakravarthula wrote:
>
> Does a "skip to main content" link serve any purpose on a phone or iPad?
>> I believe, yes it would help on phones. Not just for users with disabilities but to everyone... I would say because, since the screen is tiny, user needs to scroll or swipe down a lot to reach main content, instead they can hit on skip link to go directly...
> Except I probably have to resize just to make sure I can hit only that
> link. I is easier just to swipe to the content.
>
> -- cew
>
> *Carol E. Wheeler*
>
> Web Co-ordinator
> American Institute for Cancer Research
> 1759 R Street NW
> Washington DC 20009
>
> Direct Dial: 202-600-3001
> Tel: 202-328-7744
> Fax: 202-328-7226
>
> <EMAIL REMOVED>
> http://www.aicr.org
>
> > >