Eingabehilfen, Fieldset-Legenden und Header-Tags

Question

Eine Anforderung einer Site, die ich entwickle, ist, dass sie 508-kompatibel sein muss. Derzeit beginnen die meisten unserer HTML-Ansichten mit einer Kopfzeile h1 und dann, was auch immer auf dieser Ansicht sein muss. Jetzt für Formulare, ist es ratsam, fieldset s und legend s im Umgang mit Barrierefreiheit, neben vielen anderen Richtlinien zu verwenden. Das macht die Dinge etwas komplizierter, weil der h1 Titel des Inhalts sein sollte, aber wenn ich einen fieldset und eine Legende verwenden muss, habe ich jetzt einen h1 Titel, aber der Legendentitel würde ziemlich genau das Gleiche sein. Zum Beispiel:

<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> 

Ich bin nicht sicher, welche Route zu gehen. Sollte ich nur die h1 loswerden und die Legende so formatieren, dass sie der h1 entspricht? Oder sollte ich mit dem Legendentext kreativ werden, damit sie nicht genau den gleichen Text haben? Danke im Voraus.

Answer 1

Lassen Sie die h1 so wie sie ist (unter der Annahme, dass nur Bildungsdetails auf diesem Bildschirm bearbeitet werden können) und verwenden Sie fieldset/legend, um alle zugehörigen Formularsteuerelemente zu gruppieren. Zum Beispiel kann sagen, Sie eine Reihe von Kontrollkästchen, die mit dem Benutzerbildungsniveau abgeschlossen befassen:

<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> 

Wenn es keine logisch zugehörige Abschnitte der Eingänge in Form sind, dann die fieldset/legends weglassen. Redundanz zu haben oder "kreativ zu werden", damit Sie nicht überflüssig sind, wird die Zugänglichkeit nicht verbessern.

Siehe WCAG 2.0 - H82: Grouping form controls with FIELDSET and LEGEND.