web-dev-qa-db-ja.com

フィールドセット/凡例タグの適切な使用法

<fieldset>sの推奨される使用法がWebページでどのようになっているのかと思います。

たとえば、フォームが1つだけの単純なページ(入力の1つのセット)でも、フィールドセットを使用することをお勧めしますか?または、ページに複数のフォームまたは複数の「セクション」がある場合にのみ使用する必要がありますか?

入力/編集ページでのみ使用し、表示/詳細ページでは使用しないでください。

ページにfieldsetを含める/除外することは、ユーザビリティにどのように影響しますか?

11
TJB

W3CのWebコンテンツアクセシビリティガイドライン1.0のHTMLテクニック は、フォームのフィールドを意味的にグループ化するために使用できるタグとしてfieldsetを注記しています。次に、そのフィールドセットにlegendのラベルを付けることができます。コンテンツにアクセスするブラウザーの動作によっては、これによりアクセシビリティが向上する可能性があります(たとえば、スクリーンリーダーは、フォームの次のセクションが代替の配送先住所用であることを示し、訪問者にそのセクションをスキップできることを通知します) 。

フィールドが1つしかない場合でも、必要なときにいつでもフィールドセットを使用できます。それは、コンテンツをどのように意味的に記述したいか、そしてフォームをアクセシブルにすることにどれだけ関心があるかに依存します。たとえば、入力フィールドと送信ボタンを含む検索フォームはフィールドセット内に含めることができ、凡例を使用できますが、CSSを使用して両方を非表示にし、必要に応じてフォームを表示できます。入力/編集ページに使用するか、表示/詳細ページに使用するかなど、それをどのように表すかはユーザー次第です。

12
Rahul

Rahulは正解ですが、要素の複数のグループの例では、それは必須でした。

私にとって重要なことは、フィールドセットで凡例を使用すると、「フォームモード」を使用する知識のあるユーザーにアクセシビリティが追加されることです。テキストまたは見出しで質問に関する詳細情報を提供する場合、それはほとんどの読者の「フォームモード」では「読まれ」ませんが、フィールドセットで凡例を使用する場合です。コンテキストとして読み取られます。

7
Susan R