HTML辅助功能错误 - 标签文本为空?

时间:2013-12-11 17:15:08

标签: 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">

代码是:

<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>

出了什么问题?

由于

1 个答案:

答案 0 :(得分:7)

使用的辅助功能测试工具有问题。它表示你应该有一个重置按钮的标签,但是WC44 2.0的第H44:Using label elements to associate text labels with form controls条明确地说明了一个标签用于重置按钮。

另一方面,重置按钮几乎总是对可访问性和正常使用不利。正如可用性专家雅各布尼尔森writes所说:“如果删除了几乎所有重置按钮,那么网络将会更加幸福。这个按钮几乎从不帮助用户,但经常会伤害他们。“