it-swarm-korea.com

필드 세트 / 범례 태그의 올바른 사용법

<fieldset>의 제안 된 사용법이 웹 페이지에서 무엇인지 궁금합니다.

예를 들어, 하나의 양식 (한 세트의 입력) 만있는 간단한 페이지에서 여전히 필드 세트를 사용하는 것이 좋습니다? 또는 페이지에 여러 양식 또는 여러 '섹션'이있는 경우에만 사용해야합니까?

입력/편집 페이지에서만 사용해야하고 페이지를 표시/세부화하지 않아야합니까?

페이지에서 fieldset를 포함/제외하면 유용성에 어떤 영향을 줍니까?

11
TJB

웹 컨텐츠 접근성 지침 1.0에 대한 W3C의 HTML 기법fieldset를 양식에서 필드를 의미 적으로 그룹화하는 데 사용할 수있는 태그로 표시합니다. 그런 다음 해당 필드 세트에 legend로 레이블을 지정할 수 있습니다. 콘텐츠에 액세스하는 브라우저의 작동 방식에 따라 접근성이 향상 될 수 있습니다 (예를 들어, 스크린 리더는 양식의 다음 섹션이 대체 배송지에 대한 것이며 방문자에게 해당 섹션을 건너 뛸 수 있음을 알릴 수 있음을 나타낼 수 있음) .

하나의 필드 만 있더라도 원하는 때마다 필드 세트를 사용할 수 있습니다. 내용을 의미 적으로 설명하려는 방식과 양식에 액세스 할 수있게 만드는 데 얼마나 관심이 있는지에 따라 다릅니다. 예를 들어, 입력 필드 및 제출 단추가 포함 된 검색 양식은 필드 세트 내에 포함되어 범례를 사용할 수 있지만 CSS를 사용하여 둘 다 숨기고 원하는대로 양식을 표시 할 수 있습니다. 입력/편집 페이지 또는 표시/세부 페이지에 사용할지 여부를 포함하여 표시 방법은 사용자에게 달려 있습니다.

12
Rahul

Rahul은 정확하지만 여러 요소 그룹의 예에서는 필수 요소라고 말하고 싶습니다.

필자의 가장 큰 장점은 필드 세트와 함께 범례를 사용하면 "양식 모드"를 사용하는 지식이 풍부한 사용자에게 접근성이 추가된다는 것입니다. 텍스트 나 제목으로 된 질문과 관련된 추가 정보를 제공하는 경우 대부분 독자의 "양식 모드"에서 "읽지"않지만 필드 세트와 함께 범례를 사용하는 경우입니다. 문맥으로 읽습니다.

7
Susan R