접근성, 필드 세트 범례 및 헤더 태그

Question

개발중인 사이트의 요구 사항은 508을 준수해야한다는 것입니다. 현재 대부분의 HTML 뷰는 h1 헤더로 시작하고 그 뷰에 있어야하는 것은 무엇이든합니다. 이제 양식의 경우 접근성을 다룰 때는 fieldset 및 을 사용하는 것이 좋습니다. 이것은 h1이 내용의 제목이 되었기 때문에 조금 더 복잡하게 만듭니다. 그러나 fieldset과 전설을 사용해야 할 경우 이제 h1 제목이 있지만 전설 제목은 거의 똑같습니다. 예 :

<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 스타일링과 동일하게 스타일링해야합니까? 또는 전설 텍스트와 똑같은 텍스트가 아니도록 창의성을 발휘해야합니까? 미리 감사드립니다.

Answer 1

h1을 그대로 사용하고 (Education Details가 해당 화면에서 편집 할 수있는 유일한 경우) fieldset/legend을 사용하여 관련 양식 컨트롤을 그룹화하십시오. 다음 fieldset/legends를 생략 형태로 입력 중 논리적으로 관련된 부분이없는 경우

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

: 예를 들어, 당신이 완료 교육의 사용자의 수준을 다루는 체크 박스의 시리즈를 가지고 있다고 할 수 있습니다. 리던던시 또는 "창의력"을 갖추고 중복되지 않도록하면 액세스 가능성이 향상되지 않습니다.

WCAG 2.0 - H82: Grouping form controls with FIELDSET and LEGEND을 참조하십시오.