2010-02-11 4 views
6

가난하거나 시력이 약한 사람들이 웹 페이지에 액세스 할 수 있도록 HTML의 많은 기능이 필요하다는 것을 알고 있습니다. 특수 브라우저는이를 위해 텍스트를 읽을 수 있습니다.필드 세트 태그에는 접근성 혜택이 있습니까?

제대로 작동하려면 HTML 코딩 표준을 준수해야합니다. 이미지에 대체 텍스트가 있는지, 레이아웃 용 테이블을 사용하지 않는지 등을 확인해야합니다.

그러나 입력 필드를 그룹화하는 fieldset 요소의 중요성은 확실하지 않습니다. fieldset 태그는 특수 접근성 혜택을 제공합니까, 아니면 레이아웃 용도로만 사용됩니까?

답변

4

예. 참조 : http://www.alistapart.com/articles/prettyaccessibleforms/

일부 화면 판독기는 필드 세트의 각 레이블에 대한 범례를 읽습니다. 좋아하는 동물은 무엇

<fieldset> 
    <legend>What is your favorite animal?</legend> 
    <input type="radio" name="animal" id="Cat" /> <label for="Cat">Cat</label> 
    <input type="radio" name="animal" id="Dog" checked="checked" /> <label for="Dog">Dog</label> 
    <input type="radio" name="animal" id="Rabbit" /> <label for="Rabbit">Rabbit</label> 
</fieldset> 
  • 입니까? 라디오 버튼. 고양이. 선택되지 않은.
  • 좋아하는 동물은 무엇입니까? 라디오 버튼. 개. 선택된.
  • 좋아하는 동물은 무엇입니까? 라디오 버튼. 토끼. 선택되지 않은.
10

짧은 대답 : 예. 구조와 의미가 좋습니다.

예를 들면.

많은 화면 판독기에는 양식과 관련이없는 것을 무시하는 "양식 모드"가 있습니다.

<fieldset> 
    <legend>What is your favourite animal?</legend> 

    () Cat 
    () Dog 
    () Rabbit 
</fieldset> 

꽤 의미가

() Cat 
() Dog 
() Rabbit 

이제 FIELDSET 전설은 그것을 컨텍스트를 제공합니다.

단락이 작동하지 않음 - 양식 모드에서 사용자에게 표시되지 않습니다. 레이블이 작동하지 않습니다 - 필드가 아니라 그 세트를 설명합니다. 고양이, 개, 토끼 각각에 대해 라벨을 사용합니다.