WebAIM - Web Accessibility In Mind

E-mail List Archives

Form included, not as attachment.


From: Lavigne, Leesa
Date: Nov 20, 2002 3:06PM

Didn't realize that you couldn't attach a file in a message to the forum so
I am resending it with the code within this email. Thanks!

Would you mind looking at this HTML form? Removed all code except the form
code for simplicity. Top section is in a table using the for= / idattributes. Seems to work. It's the sections that are located in a
fieldset instead of a table, using check boxes and radio buttons, that is
giving me the problems when trying to read the form in JAWS or WindowEyes.
I've tried several different approaches with the code and an instructor
suggested that I use what is shown here in the code by using Headings to
highlight the questions and the LABEL element to enclose the options.
Problem is, since I did apply tabindex to every element, the questions
are not read when the user goes into form reading mode, just the options and
it keeps repeating the LEGEND for the fieldset. I've tried using the for= /
id= attributes with the check boxes and radio buttons and the result wasn't
any better. Any suggestions? Thanks.


<HTML><HEAD><TITLE>Webmaster Survey</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META http-equiv=Content-Language content=en-us>
<META content="MSHTML 5.50.4611.1300" name=GENERATOR></HEAD>
<H1>Webmaster Survey</H1>

<table summary = "Form used to gather information on State web pages.
Labels in left column, fields in right column. ">
<Caption> <h2>This form is used to gather information about the State of
web pages.</h2><br>
<th colspan="2">
<h3>Please provide the following contact information: </h3>

<label for="firstname" >First name: </label>
<input type="text" id="firstname" tabindex="1" size="20" value="First

<label for="lastname" >Last name: </label>
<input type="text" id="lastname" tabindex="2" size="20" value="Last

<label for="title" >Job title: </label>
<input type="text" id="title" tabindex=3" size="30" value="Job Title">

<label for="dept" >Dept. / Agency: </label>
<input type="text" id="dept" tabindex="4" size="30"

<label for="WkPhone" >Work Phone: </label>
<input type="text" id="WkPhone" tabindex="5" value="xxx-xxxx"
size="20" name="text">
<label for="ext" >Ext.: </label>
<input type="text" id="ext" tabindex="6" name="ext" size="5"

<tr> <td>
<label for="email" >E-mail: </label>
<input type="text" id="email" tabindex="7" size="40" value="


<h3><legend> Information on your web design work.</legend></h3>
<h4> What is your job function in web design? </h4>
<p><label for="Maintenance">Maintenance. Edit pages already posted.
<input type="radio" id="Maintenance" name="function" value="edit"
checked tabindex="8">
<label for="Layout">Layout and Content. Create and post pages. </label>
<input type="radio" id="Layout" name="function" value="create"
<label for="All"> I do it all, layout, content and maintenance. </label>

<input type="radio" id="All" name="function" value="Everything"
<h4> Are you the only Webmaster for your department/agency?</h4>
<p><label>Yes <input type="radio" name="webmaster" value="single" checked
No <input type="radio" name="webmaster" value="group"
tabindex="12"></label> </p>

<p><b>If no, would you please sent this URL to the others also?

<h4>Are your Webmaster tasks part of your formal job description?</h4>
<p><label>Yes <input type="radio" name="job" value="YesJob" checked
No <input type="radio" name="job" value="NoJob"
tabindex="14"></label> </p>

<h4>Were you assigned the web tasks or did you volunteer to take them on?
<p> <label >Assigned <input type="radio" name="tasks" value="Assigned"
checked tabindex="15">
Volunteered <input type="radio" name="tasks" value="volunteered"
tabindex="16"></label> </p>

<h4><label for="7">How many hours a week would you guesstimate you
to working on web pages?</label></h4>
<input type="text" id="7" name="Hours" size="4" maxlength="2"
value="hrs" tabindex="17">

<h4>Is the time you spend doing web work built into your overall work
schedule? </h4>

<p> <label>Yes <input type="radio" name="Scheduled" value="Yes" checked
No <input type="radio" name="Scheduled" value="No"
tabindex="19"></label> </p>

<h4>What software programs do you use? </h4>
<p><label>Front Page: <input type="checkbox" name="checkbox"
value="checkbox" tabindex="20"><br>
DreamWeaver 4: <input type="checkbox" name="checkbox2"
value="checkbox" tabindex="21"><br>
DreamWeaver UD: <input type="checkbox" name="checkbox3"
value="checkbox" tabindex="22"><br>
DreamWeaver MX: <input type="checkbox" name="checkbox4"
value="checkbox" tabindex="23"><br>
Cold Fusion: <input type="checkbox" name="checkbox5" value="checkbox"
Hand Code Pages:<input type="checkbox" name="checkbox6"
value="checkbox" tabindex="25"><br>
Other: <input type="text" name="textfield" size="30" value="other
software" tabindex="26"></label></p>

<h4> What level of training of you have in the software that you do
<p><label>Self Taught: <input type="radio" name="radiobutton"
value="radiobutton" checked tabindex="27"><br>
Have attended 1 - 2 classes <input type="radio"
name="radiobutton" value="radiobutton" tabindex="28"><br>
Have attended 2 or more classes <input type="radio"
name="radiobutton" value="radiobutton" tabindex="29"><br>
Have a certificate in web design <input type="radio" id="20"
name="radiobutton" value="radiobutton" tabindex="30"><br>
From: <input type="text" id="21" name="certificate" size="40"
value="Name of School" tabindex="31"><br>

<h4>Has your agency/department been able to support the purchase of
toward web design?</h4>
<p>Yes <input type="radio" id="22" name="software" value="YesSoftware"
checked tabindex="32">
No <input type="radio" id="23" name="software" value="NoSoftware"

<h3><legend>Accessibility training: </legend></h3>
<h4>Are you aware of the ADA guidelines and the ADA policy <br>
that exists for all web pages created for the State of Maine?</h4>
<p><label >Yes and I have implemented them. <input type="radio"
name="ADA" value="1" checked tabindex="34"><br>
Yes and I am working on implementing them. <input type="radio"
name="ADA" value="2" tabindex="35"><br>
Yes but I have not implemented them. <input type="radio" name="ADA"
value="3" tabindex="36"><br>
No, I have no idea what you are talking about. <input type="radio"
id="27" name="ADA" value="4" tabindex="37"></label> </p>

<h4>Are you aware that a monthly webmasters meeting takes place?</h4>
<p><label > Yes<input type="radio" id="28" name="Meetings"
value="MeetingsYes" checked tabindex="38">
No <input type="radio" id="29" name="Meetings" value="MeetingsNo"

<h4>If yes, Does you agency/department give you the time to attend these
<p> <label>Yes <input type="radio" id="30" name="Attend"
value="AttendYes" checked tabindex="40">
No<input type="radio" id="31" name="Attend" value="AttendNo"
Sometimes <input type="radio" id="32" name="Attend"
value="AttendSometimes" tabindex="42">

</fieldset> <fieldset> <legend>
<h3>Information on the page(s) that you deal with</h3>
<h4>Please list the URL of the page(s) that you are involved with:</h4>
<p><label>Top level:
<input type="text" name="TopLevel1" size="30" value="
<http://www.state.me.us/bis/>; www.state.me.us/bis/" tabindex="43">
, # of pages in site: <input type="text" name="textfield2"
size="4" tabindex="44">
Intranet <input type="radio" name="radiobutton"
value="radiobutton" tabindex="45">
Internet <input type="radio" name="radiobutton"
value="radiobutton" tabindex="46">
or both <input type="radio" name="radiobutton" value="radiobutton"


<h4><label for="38">Please list below any concerns you may like to see
addressed or thoughts
you may have. For example, need more training, better software,
allotted time for web related
duties.</label> </h4>
<p><b>(750 characters allowed)</b><br clear="all">