WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Form Labels

for

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

From: Ali Naito
Date: Mon, Sep 30 2002 7:58AM
Subject: Form Labels
No previous message | Next message →

Hi everyone,

How do I tackle form labels on a date field. Example:
http://www.bila.net/bowl/testform.html Can I use the same ID for all three
menus? Do I have to split it up into three elements?

- Ali Naito


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Jeff Rhodes
Date: Mon, Sep 30 2002 8:06AM
Subject: Re: Form Labels
← Previous message | Next message →

I have handled it by placing a label on each of the select lists. However, so it doesn't
clutter up the screen for the sighted users I have applied a hidden class to the label.

<style>
.hidden {display: none}
</style>

<label for="day" class="hidden">Date Day</label>
<select id="day">....</select>
<label for="month" class="hidden">Date month</label>
<select id="month">....</select>
<label for="year" class="hidden">Date Year</label>
<select id="year">....</select>

If anyone else has a better idea, I'm open to suggestions.

On 30 Sep 2002 at 10:50, Ali Naito wrote:

> Hi everyone,
>
> How do I tackle form labels on a date field. Example:
> http://www.bila.net/bowl/testform.html Can I use the same ID for all three
> menus? Do I have to split it up into three elements?
>
> - Ali Naito
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>
>


Jeff Rhodes, Developer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Internet Association Corporation
www.iaccorp.com
voice: (330) 376-6006 x255
fax: (330) 376-3355
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Thought for the day:
-What is a "free" gift ? Aren't all gifts free?



----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Shilpa
Date: Tue, Oct 01 2002 4:49AM
Subject: Bobby - Priority one compliance
← Previous message | Next message →

Hello everyone,

I have been following this list regularly and find it very useful.
We have also been trying to make some sites accessible.
Had a problem with one of the site which is an e-learning tutorial that
needed to be made accessible. As this is for a client we would ideally like
to give some approval.

We wanted to get the 1st priority approval of Bobby OR A-promt for the same.
But we get the following errors when we check any page with bobby online
service or A-prompt offline tool.

Bobby report:
Priority 1 User Checks
User checks are triggered by something specific on the page; however, you
need to determine manually whether they apply and, if applicable, whether
your page meets the requirements. Bobby A Approval requires that all user
checks pass. Even if your page does conform to these guidelines they appear
in the report. Please review these 3 item(s):

1.. If you can't make a page accessible, construct an alternate accessible
version.
2.. If style sheets are ignored or unsupported, are pages still readable
and usable?
3.. Provide alternative content for each SCRIPT that conveys important
information or functionality.
The following 2 item(s) are not triggered by any specific feature on your
page, but are still important for accessibility and are required for Bobby A
Approved status.

4.. Identify any changes in the document's language.
5.. Use the simplest and most straightforward language that is possible.

Could someone help and tell us how we could correct these.
The url for the site is:
http://www.enableall.org/ummbpcs/hrd-x/
The link for BASIC SKILLS OF THE PC works is the tutorial that has been made
accessible. The other links are currently not working.
We would ideally not like to make an alternate version for it.

Any help would be greatly appreciated.

Thanks & Regards,
Shilpa
= EMAIL ADDRESS REMOVED =



----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Jeff Rhodes
Date: Tue, Oct 01 2002 4:56AM
Subject: Re: Bobby - Priority one compliance
← Previous message | Next message →

Those are user checks and they won't go away. The software is just telling you to
look through your pages manually and see if any of the listed items actually apply to
you. You should still be seeing the approved icon on the Bobby page.

On 1 Oct 2002 at 17:09, Shilpa wrote:

> Hello everyone,
>
> I have been following this list regularly and find it very useful.
> We have also been trying to make some sites accessible.
> Had a problem with one of the site which is an e-learning tutorial that
> needed to be made accessible. As this is for a client we would ideally like
> to give some approval.
>
> We wanted to get the 1st priority approval of Bobby OR A-promt for the same.
> But we get the following errors when we check any page with bobby online
> service or A-prompt offline tool.
>
> Bobby report:
> Priority 1 User Checks
> User checks are triggered by something specific on the page; however, you
> need to determine manually whether they apply and, if applicable, whether
> your page meets the requirements. Bobby A Approval requires that all user
> checks pass. Even if your page does conform to these guidelines they appear
> in the report. Please review these 3 item(s):
>
> 1.. If you can't make a page accessible, construct an alternate accessible
> version.
> 2.. If style sheets are ignored or unsupported, are pages still readable
> and usable?
> 3.. Provide alternative content for each SCRIPT that conveys important
> information or functionality.
> The following 2 item(s) are not triggered by any specific feature on your
> page, but are still important for accessibility and are required for Bobby A
> Approved status.
>
> 4.. Identify any changes in the document's language.
> 5.. Use the simplest and most straightforward language that is possible.
>
> Could someone help and tell us how we could correct these.
> The url for the site is:
> http://www.enableall.org/ummbpcs/hrd-x/
> The link for BASIC SKILLS OF THE PC works is the tutorial that has been made
> accessible. The other links are currently not working.
> We would ideally not like to make an alternate version for it.
>
> Any help would be greatly appreciated.
>
> Thanks & Regards,
> Shilpa
> = EMAIL ADDRESS REMOVED =
>
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>
>


Jeff Rhodes, Developer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Internet Association Corporation
www.iaccorp.com
voice: (330) 376-6006 x255
fax: (330) 376-3355
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Thought for the day:
-A flashlight is a case for holding dead batteries.



----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Leo Smith
Date: Tue, Oct 01 2002 5:45AM
Subject: Re: Form Labels
← Previous message | Next message →

how about this:

<select>
<input value="">day</input>
<input value="1">01</input>
</select>

<select>
<input value="">month</input>
<input value="jan">January</input>
</select>

<select>
<input value="">year</input>
<input value="2002">2002</input>
</select>

There are ways to make a form accessible other than using <form>

Leo.

On 30 Sep 2002, at 11:00, Jeff Rhodes wrote:

> I have handled it by placing a label on each of the select lists.
> However, so it doesn't clutter up the screen for the sighted users I
> have applied a hidden class to the label.
>
> <style>
> .hidden {display: none}
> </style>
>
> <label for="day" class="hidden">Date Day</label>
> <select id="day">....</select>
> <label for="month" class="hidden">Date month</label>
> <select id="month">....</select>
> <label for="year" class="hidden">Date Year</label>
> <select id="year">....</select>
>
> If anyone else has a better idea, I'm open to suggestions.
>
> On 30 Sep 2002 at 10:50, Ali Naito wrote:
>
> > Hi everyone,
> >
> > How do I tackle form labels on a date field. Example:
> > http://www.bila.net/bowl/testform.html Can I use the same ID for
> > all three menus? Do I have to split it up into three elements?
> >
> > - Ali Naito
> >
> >
> > ----
> > To subscribe, unsubscribe, or view list archives,
> > visit http://www.webaim.org/discussion/
> >
> >
>
>
> Jeff Rhodes, Developer
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> Internet Association Corporation
> www.iaccorp.com
> voice: (330) 376-6006 x255
> fax: (330) 376-3355
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> Thought for the day:
> -What is a "free" gift ? Aren't all gifts free?
>
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>



Leo Smith
Web Designer/Developer
USM Office of Publications and Marketing
University of Southern Maine
207-780-4774


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Jeff Rhodes
Date: Tue, Oct 01 2002 6:13AM
Subject: Re: Form Labels
← Previous message | Next message →

Thats nice, but what if you have multiple date selects on the same
page? Would you change the text for each one?:

<select name="reg_day">
<option value="">Registration Date</option>
<option value="1">01</option>
</select>
...

<select name="exp_day">
<option value="">Expiration Date</option>
<option value="1">01</option>
</select>
...

On 1 Oct 2002 at 8:35, Leo Smith wrote:

> how about this:
>
> <select>
> <input value="">day</input>
> <input value="1">01</input>
> </select>
>
> <select>
> <input value="">month</input>
> <input value="jan">January</input>
> </select>
>
> <select>
> <input value="">year</input>
> <input value="2002">2002</input>
> </select>
>
> There are ways to make a form accessible other than using <form>
>
> Leo.
>
> On 30 Sep 2002, at 11:00, Jeff Rhodes wrote:
>
> > I have handled it by placing a label on each of the select lists.
> > However, so it doesn't clutter up the screen for the sighted users I
> > have applied a hidden class to the label.
> >
> > <style>
> > .hidden {display: none}
> > </style>
> >
> > <label for="day" class="hidden">Date Day</label>
> > <select id="day">....</select>
> > <label for="month" class="hidden">Date month</label>
> > <select id="month">....</select>
> > <label for="year" class="hidden">Date Year</label>
> > <select id="year">....</select>
> >
> > If anyone else has a better idea, I'm open to suggestions.
> >
> > On 30 Sep 2002 at 10:50, Ali Naito wrote:
> >
> > > Hi everyone,
> > >
> > > How do I tackle form labels on a date field. Example:
> > > http://www.bila.net/bowl/testform.html Can I use the same ID for
> > > all three menus? Do I have to split it up into three elements?
> > >
> > > - Ali Naito
> > >
> > >
> > > ----
> > > To subscribe, unsubscribe, or view list archives,
> > > visit http://www.webaim.org/discussion/
> > >
> > >
> >
> >
> > Jeff Rhodes, Developer
> > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> > Internet Association Corporation
> > www.iaccorp.com
> > voice: (330) 376-6006 x255
> > fax: (330) 376-3355
> > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> > Thought for the day:
> > -What is a "free" gift ? Aren't all gifts free?
> >
> >
> >
> > ----
> > To subscribe, unsubscribe, or view list archives,
> > visit http://www.webaim.org/discussion/
> >
>
>
>
> Leo Smith
> Web Designer/Developer
> USM Office of Publications and Marketing
> University of Southern Maine
> 207-780-4774
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>
>


Jeff Rhodes, Developer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Internet Association Corporation
www.iaccorp.com
voice: (330) 376-6006 x255
fax: (330) 376-3355
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Thought for the day:
-there is no difference between a wise man and a fool
when it comes to love.



----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Tom Gilder
Date: Tue, Oct 01 2002 6:14AM
Subject: Re: Bobby - Priority one compliance
← Previous message | Next message →

On Tuesday, October 1, 2002, 1:09:11 PM, Shilpa wrote:
> The url for the site is:
> http://www.enableall.org/ummbpcs/hrd-x/

Erg, typical Bobby-fied page.

"Your browser does not support script. All functionality that is
provided with scripts is also available even if the scripts are
not working."

There is absolutely *no* point in this type of <noscript> message. It
adds nothing. It slows down screen readers. Users with scripting
disabled don't need to be told it is disabled.

Oh, and, the HTML is more than slightly screwed...

<NOSCRIPT><META content="MSHTML 6.00.2716.2200" name=GENERATOR></HEAD>
<BODY onload="...">Your browser does not support script...</NOSCRIPT>
<LINK href="Home.css" type=text/css rel=stylesheet>

...instead of worrying about these non-existent Bobby errors, may I
suggest you take a look at <http://tinyurl.com/1q4e>;?

Also, please note that "eng" isn't a valid language code.

--
Tom Gilder
http://tom.me.uk/


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Shilpa
Date: Tue, Oct 01 2002 8:51PM
Subject: Re: Bobby - Priority one compliance
← Previous message | Next message →

Hello Tom,
thanks for ur comments. however, is it not necessary to put in the
<NOSCRIPT> section?
yes i shall correct the HTML bit in there.

thanks & rgds,
Shilpa

----- Original Message -----
From: "Tom Gilder" < = EMAIL ADDRESS REMOVED = >
To: < = EMAIL ADDRESS REMOVED = >
Sent: Tuesday, October 01, 2002 6:03 PM
Subject: Re: Bobby - Priority one compliance


> On Tuesday, October 1, 2002, 1:09:11 PM, Shilpa wrote:
> > The url for the site is:
> > http://www.enableall.org/ummbpcs/hrd-x/
>
> Erg, typical Bobby-fied page.
>
> "Your browser does not support script. All functionality that is
> provided with scripts is also available even if the scripts are
> not working."
>
> There is absolutely *no* point in this type of <noscript> message. It
> adds nothing. It slows down screen readers. Users with scripting
> disabled don't need to be told it is disabled.
>
> Oh, and, the HTML is more than slightly screwed...
>
> <NOSCRIPT><META content="MSHTML 6.00.2716.2200" name=GENERATOR></HEAD>
> <BODY onload="...">Your browser does not support script...</NOSCRIPT>
> <LINK href="Home.css" type=text/css rel=stylesheet>
>
> ...instead of worrying about these non-existent Bobby errors, may I
> suggest you take a look at <http://tinyurl.com/1q4e>;?
>
> Also, please note that "eng" isn't a valid language code.
>
> --
> Tom Gilder
> http://tom.me.uk/
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/


From: Leo Smith
Date: Wed, Oct 02 2002 5:46AM
Subject: Re: Form Labels
← Previous message | No next message

not necessarily, if each date select field was preceded by a
contextual heading, which, if you have multiple date select fields,
you are going to need anyway for the sake of comprehension by all
of your users...

If all the date select fields run together, then surely in this case you
would have somekind of cue beforehand telling the user to select
three dates, and then the label for each date select field could be:
choose first date, choose second date, etc.

leo.

On 1 Oct 2002, at 9:03, Jeff Rhodes wrote:

> Thats nice, but what if you have multiple date selects on the same
> page? Would you change the text for each one?:
>
> <select name="reg_day">
> <option value="">Registration Date</option>
> <option value="1">01</option>
> </select>
> ...
>
> <select name="exp_day">
> <option value="">Expiration Date</option>
> <option value="1">01</option>
> </select>
> ...
>
> On 1 Oct 2002 at 8:35, Leo Smith wrote:
>
> > how about this:
> >
> > <select>
> > <input value="">day</input>
> > <input value="1">01</input>
> > </select>
> >
> > <select>
> > <input value="">month</input>
> > <input value="jan">January</input>
> > </select>
> >
> > <select>
> > <input value="">year</input>
> > <input value="2002">2002</input>
> > </select>
> >
> > There are ways to make a form accessible other than using <form>
> >
> > Leo.
> >
> > On 30 Sep 2002, at 11:00, Jeff Rhodes wrote:
> >
> > > I have handled it by placing a label on each of the select lists.
> > > However, so it doesn't clutter up the screen for the sighted users
> > > I have applied a hidden class to the label.
> > >
> > > <style>
> > > .hidden {display: none}
> > > </style>
> > >
> > > <label for="day" class="hidden">Date Day</label>
> > > <select id="day">....</select>
> > > <label for="month" class="hidden">Date month</label>
> > > <select id="month">....</select>
> > > <label for="year" class="hidden">Date Year</label>
> > > <select id="year">....</select>
> > >
> > > If anyone else has a better idea, I'm open to suggestions.
> > >
> > > On 30 Sep 2002 at 10:50, Ali Naito wrote:
> > >
> > > > Hi everyone,
> > > >
> > > > How do I tackle form labels on a date field. Example:
> > > > http://www.bila.net/bowl/testform.html Can I use the same ID
> > > > for all three menus? Do I have to split it up into three
> > > > elements?
> > > >
> > > > - Ali Naito
> > > >
> > > >
> > > > ----
> > > > To subscribe, unsubscribe, or view list archives,
> > > > visit http://www.webaim.org/discussion/
> > > >
> > > >
> > >
> > >
> > > Jeff Rhodes, Developer
> > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> > > Internet Association Corporation
> > > www.iaccorp.com
> > > voice: (330) 376-6006 x255
> > > fax: (330) 376-3355
> > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> > > Thought for the day:
> > > -What is a "free" gift ? Aren't all gifts free?
> > >
> > >
> > >
> > > ----
> > > To subscribe, unsubscribe, or view list archives,
> > > visit http://www.webaim.org/discussion/
> > >
> >
> >
> >
> > Leo Smith
> > Web Designer/Developer
> > USM Office of Publications and Marketing
> > University of Southern Maine
> > 207-780-4774
> >
> >
> > ----
> > To subscribe, unsubscribe, or view list archives,
> > visit http://www.webaim.org/discussion/
> >
> >
>
>
> Jeff Rhodes, Developer
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> Internet Association Corporation
> www.iaccorp.com
> voice: (330) 376-6006 x255
> fax: (330) 376-3355
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
> Thought for the day:
> -there is no difference between a wise man and a fool
> when it comes to love.
>
>
>
> ----
> To subscribe, unsubscribe, or view list archives,
> visit http://www.webaim.org/discussion/
>



Leo Smith
Web Designer/Developer
USM Office of Publications and Marketing
University of Southern Maine
207-780-4774


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/