html 按钮选择中的辅助功能标签

wljmcqd8 于 2022-12-02 发布在其他

关注(0)|答案(1)|浏览(138)

我的项目有一个Selector元素，它是一个原生的HTML button元素。我正在尝试复制点击标签并在输入/选择时触发事件的行为。
使用<label htmlFor="size">会在Jest测试期间产生警告。
找到包含以下文本的标签：Size，但是与此标签（）相关的元素是不可标签的[https：//html.spec.whatwg.org/multipage/forms.html#category-label]。如果确实需要标签，可以改用aria-label或aria-labelledby。
aria-labelledby + id的组合需要2个onClick，我相信，对吗？有没有更原生的方法？为这样的元素设置标签的最佳实践是什么？

Html

来源：https://stackoverflow.com/questions/74639555/accessibility-label-in-a-button-select

1条答案

按热度按时间

iyr7buue1#

使用输入字段和标签时，通常的做法是：

<label for="my-input">
    <span>Label text:</span>
    <input id="my-input" type="SELECT|RADIO|SUBMIT|..." />
</label>

现在，您有了一个类似的选择器my-input，它指示以下两项之间的关系：

*标签用于
*输入id

然后，如果您单击标签，它将触发一个事件，并将焦点放在输入元素上。

赞(0）回复(0）举报 2022-12-02

我来回答

html 按钮选择中的辅助功能标签

1条答案

相关问题

热门标签

最新问答