Dostępność, legendy zestawów pól i znaczniki nagłówków

Question

Wymagania dotyczące strony, którą właśnie opracowuję, muszą być zgodne z 508. Obecnie większość naszych widoków html zaczyna się od nagłówka h1, a następnie wszystkiego, co musi być w tym widoku. Teraz w przypadku formularzy zaleca się stosowanie fieldset s oraz legend s przy rozwiązywaniu problemów z innymi licznymi wskazówkami. Sprawia to, że sprawy stają się nieco bardziej skomplikowane, ponieważ tytułem treści był h1, ale jeśli muszę użyć fieldset i legendy, teraz mam tytuł h1, ale tytuł legendy byłby tym samym. Na przykład:

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

Nie jestem pewien, którą trasę wybrać. Czy po prostu pozbyć się h1 i ustawić legendę tak, aby wyglądała tak samo jak stylizacja h1? A może powinienem być twórczy z tekstem legendy, aby nie był dokładnie tym samym tekstem? Z góry dziękuję.

Answer 1

Pozostaw numer h1 w niezmienionej postaci (zakładając, że informacje dotyczące edukacji jest jedyną rzeczą, którą można edytować na tym ekranie) i użyj fieldset/legend, aby zgrupować powiązane formanty formularzy. Na przykład, powiedzmy, że masz serię wyboru, które dotyczą poziomu użytkownika edukacji ukończone:

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

Jeśli nie ma żadnych logicznie związane z nimi sekcje wejść w formie, a następnie pominąć fieldset/legends. Brak redundancji lub "uzyskanie kreatywności", dzięki czemu nie jesteś zbędny, nie poprawi dostępności.

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