如何解决帮助或内联错误文本是否必须以编程方式与元素相关联以满足 WCAG 2.1
考虑以下事项:
<label for="fav-pizza">Favourite Pizza (required)</label>
<input type="text" id="fav-pizza" required="required" />
<p>For example,Pepperoni,Meat feast,or Hawaiian</p>
我知道最好的做法是通过使用 aria-describedby
以编程方式将帮助文本与输入相关联,但是我试图确定这是否是 WCAG 2.1 的要求。如果不是以编程方式关联,这会是一个故障点吗。
同样的问题适用于内嵌错误文本,例如在用户提交表单并重新加载页面后显示以下内容:
<label for="first-name">First name (required)</label>
<input type="text" id="first-name" required="required" />
<p class="error">Error: enter your first name.</p>
如果错误文本未以编程方式与输入关联,是否是 WCAG 2.1 (AA) 失败?
我已通读以下内容,但正在努力获得明确的答案: 1.3.1 Info & Relationships (Level A) 3.3.1 Error Identification (Level A) 3.3.2 Labels or Instructions (Level A) 3.3.3 Error Suggestion (Level AA)
值得注意的是,3.3.2 Labels or Instructions (Level A) 提供了 G131 Providing descriptive labels 与 ARIA1 using the aria-describedby property to provide a descriptive label for user interface controls 结合的足够技术。 Deque 的可访问性检查表还声明“输入指令的编程关联:元素的指令必须以编程方式与元素关联”。在 3.3.2 下需要 - 虽然我找不到任何表明这是正确的。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。