问可访问性:在html中向自定义输入元素添加标签。

EN

你需要做三件事：

1. 在视觉上对其进行编码，使标签看起来与您的自定义元素相关联，通常是因为标签位于左侧，元素位于右侧(在LTR语言中)。
2. 通过使用aria-labelledby以编程方式将标签与元素关联。
3. 添加javascript，以便鼠标单击标签将焦点移动到元素。

请注意，您可以使用真正的<label>元素，但它主要用于更易读的代码，因此很容易发现与元素关联的标签。您很可能(*) 不能使用<label>元素的for属性，因为指定的ID必须是"可标记元素"，定义为：

• 按钮
• 输入
• 计量器
• 输出
• 进展
• 选择
• 文本区

(*)如果您有一个具有属性为true的自定义元素，则可以使用form-associated属性。<label>可以用于"表单关联自定义元素“

见https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example。

我以前还没有创建自定义表单元素，但是文档听起来像是一个真正的<label for="ID">，在这种情况下，您不需要aria-labelledby或javascript。