Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 7 additions & 10 deletions understanding/20/labels-or-instructions.html
Original file line number Diff line number Diff line change
Expand Up @@ -47,8 +47,8 @@ <h2>Intent of Labels or Instructions</h2>
<p>This Success Criterion does not apply to links or other controls (such as an expand/collapse widget, or similar
interactive components) that are not associated with data entry.
</p>
<p>While this Success Criterion requires that controls and inputs for data entry and submission have labels, whether or not
these labels are sufficiently clear or descriptive is covered separately by
<p>While this Success Criterion requires that controls and inputs have labels or instructions, whether or
not labels (if used) are sufficiently clear or descriptive is covered separately by
<a href="headings-and-labels">2.4.6: Headings and Labels</a>.
</p>

Expand All @@ -59,12 +59,12 @@ <h2>Benefits of Labels or Instructions</h2>

<ul>

<li>Providing clear and unambiguous labels and instructions (including examples of expected
<li>Providing labels and instructions (including examples of expected
data formats) helps all users - but particularly those with cognitive, language, and learning
disabilities - to enter information correctly.
</li>

<li>Providing clear and unambiguous labels and instructions (including clear identification of required
<li>Providing labels and instructions (including identification of required
fields) can prevent users from making incomplete or incorrect form submissions, which prevents
users from having to navigate once more through a page/form in order to fix submission errors.
</li>
Expand All @@ -88,8 +88,9 @@ <h2>Examples of Labels or Instructions</h2>
for the date.
</li>

<li>A field for entering a given name is clearly labeled with "Given Name" and the field
for family name is labeled "Family Name" to avoid confusion over which name is requested.
<li>To enter their name, users are provided with two separate text fields. Rather than
having a single label "Name" (which would appear to leave the second text field unlabelled),
each field is given an explicit label - "Given Name" and "Family Name".
</li>

<li>A U.S. phone number separates the area code, exchange, and number into three fields.
Expand All @@ -103,10 +104,6 @@ <h2>Examples of Labels or Instructions</h2>
of the three fields. The value of this attribute for the three fields are, respectively,
"Area Code", "Exchange", and "Number".
</li>

<li>In a form which contains both required and optional fields, the required fields and/or the
optional fields are clearly labeled as such.
</li>

</ul>

Expand Down