问题描述
考虑以下事项:
<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 (将#修改为@)