Skip to content

Commit 057ab42

Browse files
Add "either" to statement about label and control in H44 (#4563)
x-ref #1914 Co-authored-by: Mike Gower <[email protected]>
1 parent df9d32f commit 057ab42

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

techniques/html/H44.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h2>Description</h2>
2020
<p>The objective of this technique is to use the <code class="language-html">label</code> element to explicitly associate a form control with a label. A <code class="language-html">label</code> is attached to a specific form control through the use of the <code class="language-html">for</code> attribute. The value of the <code class="language-html">for</code> attribute must be the same as the value of the <code class="language-html">id</code> attribute of the form control.</p>
2121
<p>The <code class="language-html">id</code> attribute may have the same value as the <code class="language-html">name</code> attribute, but both must be provided, and the <code class="language-html">id</code> must be unique in the web page.</p>
2222
<p>This technique is sufficient for Success Criteria <a href="../../Understanding/non-text-content.html">1.1.1 (Non-Text Content)</a>, <a href="../../Understanding/info-and-relationships.html">1.3.1 (Info and Relationships)</a> and <a href="../../Understanding/name-role-value.html">4.1.2 (Name, Role, Value)</a> whether or not the <code class="language-html">label</code> element is visible. That is, it may be hidden using <abbr title="Cascading Style Sheets">CSS</abbr>. However, for Success Criterion <a href="../../Understanding/labels-or-instructions.html">3.3.2 (Labels or Instructions)</a>, the <code class="language-html">label</code> element must be visible since it provides assistance to all users who need help understanding the purpose of the field. </p>
23-
<p>An additional benefit of this technique is a larger clickable area for the control, since clicking on the label or the control will activate the control. This can be helpful for users with impaired motor control.</p>
23+
<p>An additional benefit of this technique is a larger clickable area for the control, since clicking on either the label or the control will activate the control. This can be helpful for users with impaired motor control.</p>
2424
<p>Note that the <code class="language-html">label</code> is positioned after <code class="language-html">input</code> elements of <code class="language-html">type="checkbox"</code> and <code class="language-html">type="radio"</code>.</p>
2525
<div class="note">
2626
<p>Elements that use explicitly associated labels are:</p>

0 commit comments

Comments
 (0)