Trợ năng, chú thích fieldset và thẻ tiêu đề

Question

Yêu cầu của trang web tôi đang phát triển là yêu cầu phải tuân thủ 508. Hiện tại hầu hết các lượt xem html của chúng tôi bắt đầu với tiêu đề h1 và sau đó mọi thứ cần phải ở chế độ xem đó. Bây giờ đối với biểu mẫu, bạn nên sử dụng các số fieldset s và legend khi xử lý khả năng truy cập, trong số rất nhiều nguyên tắc khác. Điều này làm cho mọi việc phức tạp hơn một chút bởi vì h1 là tiêu đề của nội dung, nhưng nếu tôi phải sử dụng fieldset và một huyền thoại, bây giờ tôi có tiêu đề h1 nhưng tiêu đề huyền thoại sẽ khá giống nhau. Ví dụ:

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

Tôi không chắc chắn nên đi đường nào. Tôi có nên chỉ cần loại bỏ các h1 và phong cách truyền thuyết để được giống như phong cách h1? Hoặc tôi có nên sáng tạo với văn bản chú giải để chúng không phải là văn bản chính xác không? Cảm ơn trước.

Answer 1

Để nguyên h1 (giả sử rằng Chi tiết giáo dục là thứ duy nhất bạn có thể chỉnh sửa trên màn hình đó) và sử dụng fieldset/legend để nhóm bất kỳ điều khiển biểu mẫu liên quan nào. Ví dụ, cho phép nói rằng bạn có một loạt các hộp kiểm mà đối phó với mức độ của người sử dụng giáo dục hoàn thành:

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

Nếu không có bất kỳ phần logic liên quan yếu tố đầu vào theo hình thức, sau đó bỏ qua fieldset/legends. Có dự phòng hoặc "sáng tạo" để bạn không thừa sẽ không tăng cường khả năng truy cập.

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