use*_*735 2 html forms text label accessibility
即使声明包含错误的行没有标签元素,我仍然会收到此错误?
3.3 Input Assistance: Help users avoid and correct mistakes.
Success Criteria 3.3.2 Labels or Instructions (A)
Check 188: Label text is empty.
Repair: Add text to the label element.
Error Line 75, Column 6:
<input class="subsubmit" type="reset" value="Reset" id="Reset">
Run Code Online (Sandbox Code Playgroud)
代码是:
<section id="subscribeEmail">
<!--This section allows the user the option to subscribe to my blogs if they don't have an RRS feed. It only asks for a name and email address before sending it to my email address
where I can then store their email and add them to my CC every time I sent out a new bog post.-->
<h3>Never Miss a Post:</h3>
<form class="subscribe" action="mailto:tm_mitchell@hotmail.co.uk" method="post">
<label for="sub-name">Enter Name: </label>
<input id="sub-name" title="name" class="sub" type="text" size="35" maxlength="40" placeholder="Full Name" required>
<label for="sub-email">Enter Email: </label>
<input id="sub-email" title="email" class="sub" type="text" size="35" maxlength="40" placeholder="Enter email to subscribe" required>
<input class="subsubmit" type="reset" value="Reset" id="Reset">
<input class="subsubmit" type="submit" value="Send" id="Submit">
</form>
</section>
Run Code Online (Sandbox Code Playgroud)
出了什么问题?
谢谢
使用的辅助功能测试工具有问题.它表示你应该有一个重置按钮的标签,但是条款H44:使用标签元素将文本标签与 WCAG 2.0的表单控件相关联,明确表示标签不用于重置按钮.
另一方面,重置按钮几乎总是对可访问性和正常使用不利.正如可用性专家雅各布·尼尔森(Jakob Nielsen)写道:"如果删除了几乎所有的重置按钮,网络将会更加幸福.这个按钮几乎从不帮助用户,但经常会伤害他们."
| 归档时间: |
|
| 查看次数: |
4272 次 |
| 最近记录: |