Geek asks and answers

Accessibility, Field Style Legends, and Heading Tags

The requirement for the site that I am developing is that it must meet the requirements of 508. Currently, most of our html views start with a header h1, and then everything that should be in that view. Now for forms it is recommended to use fieldsetand legend, dealing with accessibility, among numerous other recommendations. This makes things a little more complicated because it h1was supposed to be the title of the content, but if I need to use the fieldsetlegend, now I have the title h1, but the name of the legend will pretty much be the same. For instance:

<h1>Edit Education Details</h1>

  <form>
    <fieldset>
      <legend>Edit Education Details</legend>

      <p>
        <label for="school">School</label>
        <input id="school" name="school" type="text"/>
      </p>

      ...other fields

    </fieldset>      
  </form>

, . h1 , h1? , ? .

+5
1

h1 ( , - , ) fieldset/legend . , , , :

<h1>Edit Education Details</h1>

<form>

<p>
  <label for="school">School</label>
  <input id="school" name="school" type="text"/>
</p>
<fieldset>
  <legend>Level of Education Completed</legend>
  <input type="checkbox" id="highschool">
  <label for="highschool">High School</label>
  <input type="checkbox" id="associates">
  <label for="associates">Associates Degree</label>
  [...]
</fieldset>      
</form>

, fieldset/legends. " ", , .

. WCAG 2.0 - H82: FIELDSET LEGEND.

+5

More articles:


All Articles