Example 2: Survey using aria-labelledby

Best Practice Rating: Experimental

Example Start

Survey Instructions

Please rate the following statements (1 is lowest, 9 is highest) by indicating:

For each item, you must EITHER rate the item in all three columns OR identify the item as "N/A" (not applicable). Selecting "N/A" will override all other answers for that item.

Survey Questions

for question
is not applicable to me
1 of 9, lowest,
2 of 9,
3 of 9,
4 of 9,
5 of 9,
6 of 9,
7 of 9,
8 of 9,
9 of 9, highest,
When it comes to..   My Minimum
Service Level Is
My Desired
Service Level Is
Perceived Service
Performance Is
  N/A Low High Low High Low High
1) Employees who instill confidence in users
  n/a 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9
2) Making electronic resources accessible from my home or office
  n/a 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9
3) Library space that inspires study and learning
  n/a 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9
4) Giving users individual attention
  n/a 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9
5) A library Web site enabling me to locate information on my own
  n/a 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9
1 of 9, strong disagreement,
2 of 9,
3 of 9,
4 of 9,
5 of 9,
6 of 9,
7 of 9,
8 of 9,
9 of 9, strong agreement,
Please indicate your library usage patterns:  
6) The library helps me stay abreast of developments in my field(s) of interest.
  1 2 3 4 5 6 7 8 9
  Strongly Disagree     Strongly Agree
7) The library aids my advancement in my academic discipline or work.
  1 2 3 4 5 6 7 8 9
  Strongly Disagree     Strongly Agree
8) The library enables me to be more efficient in my academic pursuits or work.
  1 2 3 4 5 6 7 8 9
  Strongly Disagree     Strongly Agree
9) The library helps me distinguish between trustworthy and untrustworthy information.
  1 2 3 4 5 6 7 8 9
  Strongly Disagree     Strongly Agree
10) The library provides me with the information skills I need in my work or study.
  1 2 3 4 5 6 7 8 9
  Strongly Disagree     Strongly Agree
1 of 9, strong disagreement,
2 of 9,
3 of 9,
4 of 9,
5 of 9,
6 of 9,
7 of 9,
8 of 9,
9 of 9, strong agreement,
Please answer a few questions about yourself:  
11)
12)
13)
14)

Example End

HTML Source Code


<form method="post" action="form-example-survey-label.php">

  <!--
      Using hidden LABELs to provide effective labels for form controls densely packed in layout tables.
   -->

  <h3>Survey Instructions</h3>

  <p>Please rate the following statements (1 is lowest, 9 is highest) by indicating:</p>

  <ul class="survey">
     <li><div>Minimum --</div> the number that represents the minimum level of service that you would find acceptable</li>
     <li><div>Desired --</div> the number that represents the level of service that you personally want</li>
     <li><div>Perceived --</div> the number that represents the level of service that you believe our library currently provides</li>
  </ul>

  <p>For each item, you must EITHER rate the item in all three columns OR identify the item as "N/A" (not applicable). Selecting "N/A" will override all other answers for that item.</p>

  <h3>Survey Questions</h3>

  
  <div id="for_id" class="offscreen">for question </div>
  <div id="na_id" class="offscreen"> is not applicable to me</div>
  <div id="rate_s1_1" class="offscreen">1 of 9, lowest, </div>
  <div id="rate_s1_2" class="offscreen">2 of 9,</div>
  <div id="rate_s1_3" class="offscreen">3 of 9,</div>
  <div id="rate_s1_4" class="offscreen">4 of 9,</div>
  <div id="rate_s1_5" class="offscreen">5 of 9,</div>
  <div id="rate_s1_6" class="offscreen">6 of 9,</div>
  <div id="rate_s1_7" class="offscreen">7 of 9,</div>
  <div id="rate_s1_8" class="offscreen">8 of 9,</div>
  <div id="rate_s1_9" class="offscreen">9 of 9, highest, </div>
  


  <table class="survey" cellspacing="0" cellpadding="0">
    <thead>
      <tr>
        <th class="prefix" id="pre_s1" colspan="2">When it comes to..</th>
        <th class="column">&nbsp;</th>
        <th id="min_s1" colspan="9" class="column">My Minimum<br/>Service Level Is</th>
        <th id="des_s1" colspan="9" class="column">My Desired<br/>Service Level Is</th>
        <th id="per_s1" colspan="9" class="column">Perceived Service<br/>Performance Is</th>
      </tr>
      <tr>
        <th colspan="2">&nbsp;</th>
        <th id="na_s1" class="na"><abbr title="Not Applicable">N/A</abbr></th>
        <th class="low"  colspan="4">Low</th>
        <th class="high" colspan="5">High</th>
        <th class="low"  colspan="4">Low</th>
        <th class="high" colspan="5">High</th>
        <th class="low"  colspan="4">Low</th>
        <th class="high" colspan="5">High</th>
      </tr>
    </thead>
    <tbody>
      <tr class="odd top">
        <td class="number" align="left" valign="middle" id="q_num_1">
           1)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_1">
            Employees who instill confidence in users
        </td>
        <td class="low" align="center" valign="middle" >
           <input class="low" type="checkbox" name="s1_q1_na" aria-labelledby="question_id q_num_1 q_text_1 na_id"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_1 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_2 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_3 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_4 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_5 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_6 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_7 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_8 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_min" aria-labelledby="rate_s1_9 min_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_1 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_2 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_3 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_4 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_5 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_6 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_7 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_8 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_des" aria-labelledby="rate_s1_9 des_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_1 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_2 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_3 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_4 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_5 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_6 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_7 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_8 per_s1 for_id q_num_1 q_text_1"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q1_per" aria-labelledby="rate_s1_9 per_s1 for_id q_num_1 q_text_1"/>
        </td>
      </tr>
      <tr class="odd">
        <td colspan="2">&nbsp;</td>
        <td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="even top">
        <td class="number" align="left" valign="middle" id="q_num_2">
           2)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_2">
            Making electronic resources accessible from my home or office
        </td>
        <td class="low" align="center" valign="middle" >
           <input class="low" type="checkbox" name="s1_q2_na" aria-labelledby="question_id q_num_2 q_text_2 na_id"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_1 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_2 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_3 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_4 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_5 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_6 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_7 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_8 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_min" aria-labelledby="rate_s1_9 min_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_1 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_2 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_3 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_4 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_5 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_6 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_7 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_8 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_des" aria-labelledby="rate_s1_9 des_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_1 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_2 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_3 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_4 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_5 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_6 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_7 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_8 per_s1 for_id q_num_2 q_text_2"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q2_per" aria-labelledby="rate_s1_9 per_s1 for_id q_num_2 q_text_2"/>
        </td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="odd top">
        <td class="number" align="left" valign="middle" id="q_num_3">
           3)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_3">
            Library space that inspires study and learning
        </td>
        <td class="low" align="center" valign="middle" >
           <input class="low" type="checkbox" name="s1_q3_na" aria-labelledby="question_id q_num_3 q_text_3 na_id"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_1 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_2 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_3 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_4 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_5 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_6 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_7 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_8 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_min" aria-labelledby="rate_s1_9 min_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_1 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_2 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_3 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_4 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_5 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_6 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_7 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_8 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_des" aria-labelledby="rate_s1_9 des_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_1 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_2 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_3 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_4 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_5 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_6 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_7 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_8 per_s1 for_id q_num_3 q_text_3"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q3_per" aria-labelledby="rate_s1_9 per_s1 for_id q_num_3 q_text_3"/>
        </td>
      </tr>
      <tr class="odd">
        <td colspan="2">&nbsp;</td>
        <td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="even top">
        <td class="number" align="left" valign="middle" id="q_num_4">
           4)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_4">
            Giving users individual attention
        </td>
        <td class="low" align="center" valign="middle" >
           <input class="low" type="checkbox" name="s1_q4_na" aria-labelledby="question_id q_num_4 q_text_4 na_id"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_1 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_2 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_3 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_4 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_5 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_6 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_7 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_8 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_min" aria-labelledby="rate_s1_9 min_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_1 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_2 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_3 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_4 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_5 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_6 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_7 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_8 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_des" aria-labelledby="rate_s1_9 des_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_1 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_2 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_3 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_4 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_5 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_6 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_7 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_8 per_s1 for_id q_num_4 q_text_4"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q4_per" aria-labelledby="rate_s1_9 per_s1 for_id q_num_4 q_text_4"/>
        </td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="odd top">
        <td class="number" align="left" valign="middle" id="q_num_5">
           5)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_5">
            A library Web site enabling me to locate information on my own
        </td>
        <td class="low" align="center" valign="middle" >
           <input class="low" type="checkbox" name="s1_q5_na" aria-labelledby="question_id q_num_5 q_text_5 na_id"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_1 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_2 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_3 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_4 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_5 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_6 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_7 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_8 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_min" aria-labelledby="rate_s1_9 min_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_1 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_2 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_3 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_4 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_5 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_6 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_7 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_8 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_des" aria-labelledby="rate_s1_9 des_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_1 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_2 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_3 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_4 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_5 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_6 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_7 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_8 per_s1 for_id q_num_5 q_text_5"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s1_q5_per" aria-labelledby="rate_s1_9 per_s1 for_id q_num_5 q_text_5"/>
        </td>
      </tr>
      <tr class="odd">
        <td colspan="2">&nbsp;</td>
        <td class="low rating" align="center" valign="middle"><abbr title="not applicable">n/a</abbr></td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
    </tbody>
  </table>

  
  <div id="rate_s2_1" class="offscreen">1 of 9, strong disagreement, </div>
  <div id="rate_s2_2" class="offscreen">2 of 9,</div>
  <div id="rate_s2_3" class="offscreen">3 of 9,</div>
  <div id="rate_s2_4" class="offscreen">4 of 9,</div>
  <div id="rate_s2_5" class="offscreen">5 of 9,</div>
  <div id="rate_s2_6" class="offscreen">6 of 9,</div>
  <div id="rate_s2_7" class="offscreen">7 of 9,</div>
  <div id="rate_s2_8" class="offscreen">8 of 9,</div>
  <div id="rate_s2_9" class="offscreen">9 of 9, strong agreement, </div>
  


  <table class="survey" cellspacing="0" cellpadding="0">
    <thead>
      <tr>
        <th class="prefix" id="pre_s2" colspan="2">Please indicate your library usage patterns:</th>
        <th id="min_s2" colspan="9" class="column">&nbsp;</th>
      </tr>
    </thead>
    <tbody>
      <tr class="even top">
        <td class="number" align="left" valign="middle" id="q_num_6">
           6)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_6">
            The library helps me stay abreast of developments in my field(s) of interest.
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_1 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_2 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_3 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_4 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_5 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_6 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_7 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_8 use_s2 for_id q_num_6 q_text_6"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q6_min" aria-labelledby="rate_s2_9 use_s2 for_id q_num_6 q_text_6"/>
        </td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree&nbsp;&nbsp;</td>
        <td class="rating" colspan="4" align="right" valign="middle">&nbsp;&nbsp;Strongly Agree</td>
      </tr>
      <tr class="odd top">
        <td class="number" align="left" valign="middle" id="q_num_7">
           7)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_7">
            The library aids my advancement in my academic discipline or work.
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_1 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_2 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_3 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_4 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_5 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_6 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_7 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_8 use_s2 for_id q_num_7 q_text_7"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q7_min" aria-labelledby="rate_s2_9 use_s2 for_id q_num_7 q_text_7"/>
        </td>
      </tr>
      <tr class="odd">
        <td colspan="2">&nbsp;</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="odd">
        <td colspan="2">&nbsp;</td>
        <td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree&nbsp;&nbsp;</td>
        <td class="rating" colspan="4" align="right" valign="middle">&nbsp;&nbsp;Strongly Agree</td>
      </tr>
      <tr class="even top">
        <td class="number" align="left" valign="middle" id="q_num_8">
           8)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_8">
            The library enables me to be more efficient in my academic pursuits or work.
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_1 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_2 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_3 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_4 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_5 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_6 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_7 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_8 use_s2 for_id q_num_8 q_text_8"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q8_min" aria-labelledby="rate_s2_9 use_s2 for_id q_num_8 q_text_8"/>
        </td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree&nbsp;&nbsp;</td>
        <td class="rating" colspan="4" align="right" valign="middle">&nbsp;&nbsp;Strongly Agree</td>
      </tr>
      <tr class="odd top">
        <td class="number" align="left" valign="middle" id="q_num_9">
           9)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_9">
            The library helps me distinguish between trustworthy and untrustworthy information.
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_1 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_2 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_3 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_4 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_5 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_6 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_7 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_8 use_s2 for_id q_num_9 q_text_9"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q9_min" aria-labelledby="rate_s2_9 use_s2 for_id q_num_9 q_text_9"/>
        </td>
      </tr>
      <tr class="odd">
        <td colspan="2">&nbsp;</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="odd">
        <td colspan="2">&nbsp;</td>
        <td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree&nbsp;&nbsp;</td>
        <td class="rating" colspan="4" align="right" valign="middle">&nbsp;&nbsp;Strongly Agree</td>
      </tr>
      <tr class="even top">
        <td class="number" align="left" valign="middle" id="q_num_10">
           10)
        </td>
        <td class="question" align="left" valign="middle" id="q_text_10">
            The library provides me with the information skills I need in my work or study.
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_1 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_2 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_3 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_4 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_5 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_6 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_7 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_8 use_s2 for_id q_num_10 q_text_10"/>
        </td>
        <td class="" align="center" valign="middle">
           <input type="radio" name="s2_q10_min" aria-labelledby="rate_s2_9 use_s2 for_id q_num_10 q_text_10"/>
        </td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="rating" align="center" valign="middle">1</td>
        <td class="rating" align="center" valign="middle">2</td>
        <td class="rating" align="center" valign="middle">3</td>
        <td class="rating" align="center" valign="middle">4</td>
        <td class="rating" align="center" valign="middle">5</td>
        <td class="rating" align="center" valign="middle">6</td>
        <td class="rating" align="center" valign="middle">7</td>
        <td class="rating" align="center" valign="middle">8</td>
        <td class="rating" align="center" valign="middle">9</td>
      </tr>
      <tr class="even">
        <td colspan="2">&nbsp;</td>
        <td class="rating" colspan="5" align="left" valign="middle">Strongly Disagree&nbsp;&nbsp;</td>
        <td class="rating" colspan="4" align="right" valign="middle">&nbsp;&nbsp;Strongly Agree</td>
      </tr>
    </tbody>
  </table>

  
  <div id="rate_s3_1" class="offscreen">1 of 9, strong disagreement, </div>
  <div id="rate_s3_2" class="offscreen">2 of 9,</div>
  <div id="rate_s3_3" class="offscreen">3 of 9,</div>
  <div id="rate_s3_4" class="offscreen">4 of 9,</div>
  <div id="rate_s3_5" class="offscreen">5 of 9,</div>
  <div id="rate_s3_6" class="offscreen">6 of 9,</div>
  <div id="rate_s3_7" class="offscreen">7 of 9,</div>
  <div id="rate_s3_8" class="offscreen">8 of 9,</div>
  <div id="rate_s3_9" class="offscreen">9 of 9, strong agreement, </div>
  


  <table class="survey" cellspacing="0" cellpadding="0">
    <thead>
      <tr>
        <th class="prefix" id="pre_s3" colspan="2">Please answer a few questions about yourself:</th>
        <th id="min_s3" colspan="9" class="column">&nbsp;</th>
      </tr>
    </thead>
    <tbody>
      <tr class="odd top">
        <td class="number" align="left" valign="middle">
           11)
        </td>
        <td class="question" align="left" valign="middle">
            <label for="s3_q11_select"> The library that you use the most often:</label>
        </td>
        <td class="low select" align="left" valign="middle">
           <select name="s3_q11_select" id="s3_q11_select">
             <option value="1++">Downtown Branch</option>
             <option value="1++">Southwest Branch</option>
             <option value="1++">Northeast Branch</option>
             <option value="1++">Bookmobile</option>
           </select>
        </td>
      </tr>
      <tr class="even top">
        <td class="number" align="left" valign="middle">
           12)
        </td>
        <td class="question" align="left" valign="middle">
            <label for="s3_q12_select">Age:</label>
        </td>
        <td class="low select" align="left" valign="middle">
           <select name="s3_q12_select" id="s3_q12_select">
             <option value="1++">Under 18</option>
             <option value="1++">18-22</option>
             <option value="1++">23- 30</option>
             <option value="1++">31-45</option>
             <option value="1++">over 45</option>
           </select>
        </td>
      </tr>
      <tr class="odd top">
        <td class="number" align="left" valign="middle">
           13)
        </td>
        <td class="question" align="left" valign="middle">
            <label for="s3_q13_select">Sex:</label>
        </td>
        <td class="low select" align="left" valign="middle">
           <select name="s3_q13_select" id="s3_q13_select">
             <option value="1++">Male</option>
             <option value="1++">Female</option>
           </select>
        </td>
      </tr>
      <tr class="even top">
        <td class="number" align="left" valign="middle">
           14)
        </td>
        <td class="question" align="left" valign="middle">
            <label for="s3_q14_select">Discipline:</label>
        </td>
        <td class="low select" align="left" valign="middle">
           <select name="s3_q14_select" id="s3_q14_select">
             <option value="1++">Agriculture / Environmental Studies</option>
             <option value="1++">Business</option>
             <option value="1++">Communications / Journalism</option>
             <option value="1++">Education</option>
             <option value="1++">Engineering / Computer Science</option>
             <option value="1++">General Studies</option>
             <option value="1++">Health Sciences</option>
             <option value="1++">Humanities</option>
             <option value="1++">Law</option>
             <option value="1++">Military / Naval Science</option>
             <option value="1++">Other</option>
             <option value="1++">Performing &amp; Fine Arts</option>
             <option value="1++">Science / Math</option>
             <option value="1++">Psychology/Sociology</option>
             <option value="1++">Undecided</option>
             <option value="1++">Miscellaneous</option>
             <option value="1++">Architecture</option>
           </select>
        </td>
      </tr>
    </tbody>
  </table>
  <p class="submit"><input type="submit" value="Submit Survey Responses"/></p>
</form>

CSS Source Code

  <style type="text/css">
/* CSS Document */


.offscreen {
  position: absolute;
  left: -200em;
  top: -20em;
}

table.survey {
  margin-bottom: 2em;
}

table.survey th {
  padding: .5em;
  text-align: center;
}

table.survey th.prefix {
  border-bottom: solid white 2px;
}

table.survey th.column {
  border-left: solid white 2px;
  border-bottom: solid white 2px;
}

table.survey th.low,
table.survey td.low,
table.survey th.na {
  border-left: solid white 2px;
}

table.survey th.low,
table.survey th.high,
table.survey th.na {
  font-weight: normal;
  font-size: 90%;
}  

table.survey th.low {
  font-size: 90%;
}

table.survey th.high {
  text-align: right;
}

table.survey thead {
  background-color:#CCCCFF;
}

table.survey tr.odd td {
  background-color: #EEEEEE;
}

table.survey tr.even {
  background-color: #FFFFCC;
}

table.survey tr.top td {
  border-top: solid white 2px;
  padding-top: .125em;
}

table.survey td,
table.survey td {
  padding: 0;
  margin: 0;
}

table.survey td input,
table.survey td input {
  padding: 0;
  margin: 0;
}


table.survey td.rating {
  padding: 0;
  margin: 0;
  font-size: 70%;
  color: #606060;
}

table.survey td.question {
  font-size: 100%;
  font-weight: normal;
  padding-right: 1.25em;
}

table.survey td.number {
  font-size: 100%;
  font-weight: bold;
  width: 2em;
  padding-left: .125em;
}

table.survey td.select {
  width: 30em;
}

table.survey td.select select{
  margin: .5em;
}

ul.survey li {
  list-style: none;
}

ul.survey li div {
  width: 10em;
  padding-right: .5em;
  text-align: right;
  font-weight: bold;
  float: left;
}

table.survey h3 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}

  </style>