WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Problem Getting 508 Validation with "label"

for

Number of posts in this thread: 5 (In chronological order)

From: Michael Pastore
Date: Fri, Apr 29 2005 8:21AM
Subject: Problem Getting 508 Validation with "label"
No previous message | Next message →

Hello everyone, and thanks very much in advance.

I have been working to get my website valid with 508. A problem with
"label" requirement is the last detail that is holding me back.

I'm using this validator:

http://webxact.watchfire.com/ScanForm.aspx

If you go to this page, and then type in my URI

http://www.youthtopia.com

... you will see that I fail -- they call it an "error", not a warning
-- and I can't get 508 certified.

Here is a screen capture of the problem:
http://photos10.flickr.com/11399184_7e1d502dea_o.jpg

Things are more than usually complicated here, because I'm using the
WordPress (which is marvelous!) and its php. I think that the problem
area comes in here below: this is what I've tried that has failed:

<!--
<!-- <h2 class="sidebar-title">Categories</h2> -->

<form action="<?php echo $PHP_SELF ?>" method="get">
<h2 class="sidebar-title"><label for="categs">Categories</label></h2>
<p style="padding: 0px; margin: 0px;"><?php dropdown_cats(); ?>
<input type="submit" id="categs" name="submit" title="submit" value="GO" />
</form>
-->

Or, you can see how this plays out by going to my home page and then
viewing the source code.

Again, thanks very much for any suggestions you can offer. I'm very
close to 508 compliance, I would love to get this final bit.

Michael Pastore
http://www.youthtopia.com

From: Patrick H. Lauke
Date: Fri, Apr 29 2005 8:28AM
Subject: RE: Problem Getting 508 Validation with "label"
← Previous message | Next message →

>Michael Pastore


>> I have been working to get my website valid with 508. A problem with
>> "label" requirement is the last detail that is holding me back.



>> http://www.youthtopia.com


Currently, "categories" is defined as label for the GO submit button, when it should really be the label for the SELECT. Submit buttons don't need labels, as their value acts as a label already. Assign the id of "categs" to the SELECT, and you should be fine, i.e. change

<select name="cat" class="postform">
...
</select>

<input id="categs" name="submit" title="submit" value="GO" type="submit">

to

<select name="cat" id="categs" class="postform">
...
</select>

<input name="submit" title="submit" value="GO" type="submit" />

(also note that, if you are using XHTML, input and all other "one off" elements needs to be self-closing)


Patrick
________________________________
Patrick H. Lauke
Webmaster / University of Salford
http://www.salford.ac.uk

From: Christian Heilmann
Date: Fri, Apr 29 2005 8:33AM
Subject: RE: Problem Getting 508 Validation with "label"
← Previous message | Next message →

><!--
>> <!-- <h2 class="sidebar-title">Categories</h2> -->
>>
>> <form action="<?php echo $PHP_SELF ?>" method="get">
>> <h2 class="sidebar-title"><label for="categs">Categories</label></h2>
>> <p style="padding: 0px; margin: 0px;"><?php dropdown_cats(); ?>
>> <input type="submit" id="categs" name="submit" title="submit" value="GO" />
>> </form>
>> -->
>>
>> Or, you can see how this plays out by going to my home page and then
>> viewing the source code.
>>
>> Again, thanks very much for any suggestions you can offer. I'm very
>> close to 508 compliance, I would love to get this final bit.


You need to set the for attribute of the label to the select element,
not the submit button. For that you'd need to tweak the PHP of
wordpress as it only generates a name="cat" on the select, not an ID.

There are more problems though, like links that are not separated by
more than whitespace.
-- Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/

From: Michael Pastore
Date: Fri, Apr 29 2005 9:05AM
Subject: Re: Problem Getting 508 Validation with "label"
← Previous message | Next message →

Thank you, Chris. I just tried something similar to your suggestion:
dumped the drop down box, and replaced it with a list. That solved one
problem, and now I will look at the other problems.

Thanks again... Michael
-- Michael Pastore, Editorial Director BookLovers Review | http://www.BookLoversReview.com Youthtopia | http://www.Youthtopia.com Zorba Press | http://www.ZorbaPress.com On 4/29/05, Christian Heilmann < = EMAIL ADDRESS REMOVED = > wrote:

>>> > <!--
>>> > <!-- <h2 class="sidebar-title">Categories</h2> -->
>>> >
>>> > <form action="<?php echo $PHP_SELF ?>" method="get">
>>> > <h2 class="sidebar-title"><label for="categs">Categories</label></h2>
>>> > <p style="padding: 0px; margin: 0px;"><?php dropdown_cats(); ?>
>>> > <input type="submit" id="categs" name="submit" title="submit" value="GO" />
>>> > </form>
>>> > -->
>>> >
>>> > Or, you can see how this plays out by going to my home page and then
>>> > viewing the source code.
>>> >
>>> > Again, thanks very much for any suggestions you can offer. I'm very
>>> > close to 508 compliance, I would love to get this final bit.
>
>>
>> You need to set the for attribute of the label to the select element,
>> not the submit button. For that you'd need to tweak the PHP of
>> wordpress as it only generates a name="cat" on the select, not an ID.
>>
>> There are more problems though, like links that are not separated by
>> more than whitespace.
>> --
>> Chris Heilmann
>> Blog: http://www.wait-till-i.com
>> Writing: http://icant.co.uk/
>> Binaries: http://www.onlinetools.org/

From: Michael Moore
Date: Fri, Apr 29 2005 9:06AM
Subject: Re: Problem Getting 508 Validation with "label"
← Previous message | No next message

You may also want to consider changes to color and contrast, Particularly the light gray print on the light blue parchment background and the blue print on that background as well. Second check the validation of your xhtml. The W3C validator spotted several errors.

Mike

Patrick Lauke wrote:

>> Michael Pastore
>
>
>
>> I have been working to get my website valid with 508. A problem with
>> "label" requirement is the last detail that is holding me back.
>
>
>
>
>> http://www.youthtopia.com
>
>
>
> Currently, "categories" is defined as label for the GO submit button, when it should really be the label for the SELECT. Submit buttons don't need labels, as their value acts as a label already. Assign the id of "categs" to the SELECT, and you should be fine, i.e. change
>
> <select name="cat" class="postform">
> ...
> </select>
>
> <input id="categs" name="submit" title="submit" value="GO" type="submit">
>
> to
>
> <select name="cat" id="categs" class="postform">
> ...
> </select>
>
> <input name="submit" title="submit" value="GO" type="submit" />
>
> (also note that, if you are using XHTML, input and all other "one off" elements needs to be self-closing)
>
>
> Patrick
> ________________________________
> Patrick H. Lauke
> Webmaster / University of Salford
> http://www.salford.ac.uk