it-swarm.cn

正确使用字段集/图例标签

我想知道<fieldset>s在网页上的建议用法。

例如,在仅具有一种形式(一组输入)的简单页面上,是否仍建议使用字段集?还是仅在页面上有几种形式或多个“部分”时才使用它?

应该只在输入/编辑页面上使用而不在显示/详细信息页面上使用吗?

在页面上包含/排除fieldset会如何影响可用性?

11
TJB

W3C的Web内容可访问性HTML技术HTML准则1. 注释fieldset作为可用于对表单中的字段进行语义分组的标记。然后,您可以用legend标记该字段集。根据访问内容的浏览器的工作方式,这可能会增加可访问性(例如,屏幕阅读器可能会指示表单的以下部分用于备用送货地址,并使访问者知道他们可以跳过该部分) 。

即使您只有一个字段,也可以随时使用字段集。这取决于您要如何语义地描述您的内容以及您对使表单可访问性的关注程度。例如,包含输入字段和提交按钮的搜索表单可以包含在字段集中并使用图例,但是您可以使用CSS隐藏这两者并根据需要显示表单。由您自己决定如何表示,包括是否要将其用于输入/编辑页面或显示/详细信息页面。

12
Rahul

Rahul是正确的,尽管在您的多组元素示例中,我想这是必须的。

对我来说,一件大事是,将图例与字段集一起使用会为使用“表单模式”的知识渊博的用户提供可访问性。如果您要在文本或标题中提供与问题有关的更多信息,则不是大多数读者在“表单模式”下“阅读”,而是在字段集中使用图例。它被视为上下文。

7
Susan R