diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index 86767e787b..f9bee501c2 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -12,7 +12,6 @@

Understanding Headings and Labels

Intent of Headings and Labels

-

The intent of this Success Criterion is to help users understand what information is contained in Web pages and how that information is organized. When headings are clear and descriptive, users can find the information they seek more easily, and they @@ -24,48 +23,49 @@

Intent of Headings and Labels

may suffice if it provides an appropriate cue to finding and navigating content.

-
- -

This success criterion does not require headings or labels. This success criterion - requires that if headings or labels are provided, they be descriptive. Also note that, - if headings or labels are provided, they must meet - 1.3.1: Info and Relationships. -

- -
- +

This Success Criterion does not require headings or labels. This Success Criterion + requires that if headings or labels are provided, they be descriptive. This Success Criterion also + does not require that content acting as a heading or label be correctly marked up or + identified - this aspect is covered separately by + 1.3.1: Info and Relationships. It is possible for content + to pass this Success Criterion (providing descriptive content that acts as headings or labels) while failing + Success Criterion 1.3.1 (if the headings or labels aren't correctly marked up/identified). Conversely, + it is also possible for content to pass Success Criterion 1.3.1 (with headings or labels correctly + marked up or identified), while failing this Success Criterion (if those headings or labels are not + sufficiently clear or descriptive). +

+

Further, in the case of labels, this Success Criterion does not take into consideration whether or not + alternative methods of providing an accessible name for form controls and inputs has been + used - this aspect is covered separately by 4.1.2: Name, Role and Value. It is possible + for controls and inputs to have an appropriate accessible name (e.g. using aria-label="...") + and therefore pass Success Criterion 4.1.2, but to still fail this Success Criterion (if the label is not + sufficiently clear or descriptive). +

+

While this Success Criterion does not require the use of labels (only ensuring that if labels + are present, they must be sufficiently clear or descriptive), this aspect is covered separately by + 3.3.2: Labels or Instructions. +

Benefits of Headings and Labels

-
diff --git a/understanding/20/labels-or-instructions.html b/understanding/20/labels-or-instructions.html index 8075e52003..d3611000bf 100644 --- a/understanding/20/labels-or-instructions.html +++ b/understanding/20/labels-or-instructions.html @@ -12,8 +12,7 @@

Understanding Labels or Instructions

Intent of Labels or Instructions

- -

The intent of this success criterion is to have content authors place instructions +

The intent of this Success Criterion is to have content authors present instructions or labels that identify the controls in a form so that users know what input data is expected. Instructions or labels may also specify data formats for fields especially if they are out of the customary formats or if there are specific rules for correct @@ -24,22 +23,29 @@

Intent of Labels or Instructions

The intent of this Success Criterion is not to clutter the page with unnecessary information but to provide important cues and instructions that will benefit people with disabilities. - Too much information or instruction can be just as much of a hindrance as too little. + Too much information or instruction can be just as harmful as too little. The goal is to make certain that enough information is provided for the user to accomplish the task without undue confusion or navigation.

- -
- -

When labels are provided for input objects, the input object's relationship to the - label (or to redundant text serving as the label) must be programmatically determinable - or available in text per - 1.3.1: Info and Relationships. -

-
- - +

This Success Criterion does not require that labels or instructions be correctly marked up, + identified, or associated with their respective controls - this aspect is covered separately by + 1.3.1: Info and Relationships. It is possible for content + to pass this Success Criterion (providing relevant labels and instructions) while failing + Success Criterion 1.3.1 (if the labels or instructions aren't correctly marked up, identified, or associated). +

+

Further, this Success Criterion does not take into consideration whether or not alternative methods of + providing an accessible name or description for form controls and inputs has been used - this aspect is + covered separately by 4.1.2: Name, Role and Value. It is possible + for controls and inputs to have an appropriate accessible name or description (e.g. using aria-label="...") + and therefore pass Success Criterion 4.1.2, but to still fail this Success Criterion (if the labels or instructions + aren't presented to all users, not just those using assistive technologies). +

+

While this Success Criterion requires that controls and inputs have labels, whether or not + these labels are sufficiently clear or descriptive is covered separately by + 2.4.6: Headings and Labels. +

+

Benefits of Labels or Instructions

@@ -47,24 +53,14 @@

Benefits of Labels or Instructions

@@ -95,11 +91,16 @@

Examples of Labels or Instructions

fields. While the punctuation provides visual clues to those familiar with the U.S. telephone number format, the punctuation is not sufficient to label the fields. The single "Phone number" label also cannot label all three fields. To address this, the - three fields are grouped in a fieldset with the legend "Phone number". Visual labels for the fields (beyond the punctuation) cannot be provided + three fields are grouped in a fieldset with the legend "Phone number". Visual labels for + the fields (beyond the punctuation) cannot be provided in the design, so invisible labels are provided with the "title" attribute to each of the three fields. The value of this attribute for the three fields are, respectively, "Area Code", "Exchange", and "Number". + +
  • In a form which contains both required and optional fields, the required fields and/or the + optional fields are clearly labeled as such. +