什么是可装饰元素？

Question

我一直是reading on accessibility，我无法找到关于偶然发现的准确信息的概念：HTML可标记元素。

我理解可谓元素背后的概念是可以被<label>正确包装或引用的概念，例如：

<label>
    Enter some data
    <input type="text"/>
</label>

或者例如：

<label for="anInputField">
    Enter some data
</label>

<input type="text" id="anInputField"/>

有没有人确切知道什么是可匹配的HTML元素，哪些不是？

奖金回合！ 您能详细说明为什么ARIA使用的 fifth rule 正在进行中吗？在我自己的网站上，我希望能够解释未来的变化，但我不知道为什么它不是一成不变的（似乎应该是这样）。

Answer 1

根据MDN，以下元素是可以标记的。

摘自these instructions：

  

加标签   可以与元素关联的元素。包含<button>，<input>，<keygen>，<meter>，<output>，<progress>，<select>和<textarea>。

Answer 2

当前HTML 5 recommendation中的链接（与您链接到的ARIA草案中的HTML 5.1草案中的链接不同）未被破坏。它说：

  

某些元素（并非所有元素都与形式相关）被归类为可标记元素。这些元素可以与标签元素相关联。

     

按钮输入（如果type属性不处于隐藏状态）keygen meter输出进度选择textarea

Answer 3

必须从HTML51 Semantics

中包含的定义来理解labelable element的定义

  

这些元素可以与label元素相关联。

奖金：此规则仍在进行中，因为正如您所料，此规则仍然是草稿（并且完全不完整）。

1. 只要这个可访问的名称不是给定元素的正确替代，就只有accessible name是不够的。

例如，以下代码在title属性中有一个可访问名称，它没有传达足够的信息来理解该字段。

 <input type="text" name="firstname" value="" title="name001" />
 <input type="text" name="fullname" value="" title="name002" />

1. 您不必以可访问性为代价使用可访问的名称

以下示例包含可访问名称，这将为Assistive Technologies提供正确的替代方案，但不会对不使用这些技术的用户造福。

 <input type="text" name="firstname" value="" aria-label="First Name" />

参见第一条规则：

  

如果您可以使用原生HTML元素[HTML51]或属性以及已内置的语义和行为，而不是重新定位添加ARIA角色，状态或属性以使其可访问，然后执行此操作。