From 9b47bec8f1745bcca11300a2f6ab10f8e413fafa Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Thu, 21 Nov 2024 13:53:43 +0100 Subject: [PATCH 01/10] 2.4.6-headings-and-labels-descriptive-icons --- understanding/20/headings-and-labels.html | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index 018e2eb24a..2936dcc6ea 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -30,6 +30,9 @@

Intent of Headings and Labels

Labels and headings do not need to be lengthy. A word, or even a single character, may suffice if it provides an appropriate cue to finding and navigating content.

+

Labels of form controls are usually text-based. In some cases, images can serve as + descriptive label without additional text. In this case, it is important that the image + and its use in a particular context can be considered conventional and widely understood.

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 @@ -93,6 +96,9 @@

Examples of Headings and Labels

A form asking for the name of the user
A form asks for the name of the user. It consists of two input fields to ask for the first and last name. The first field is labeled First name, the second is labeled Last name.
+
A search field labeled by a loupe icon
+
A search text input is followed by a button containing a loupe icon that activates for the search function. + The icon has the string "search" as programmatically determinable label.
From 150f22ba0f13f5fc0e40cdb2f1829467398bc42f Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Thu, 21 Nov 2024 14:02:39 +0100 Subject: [PATCH 02/10] Update headings-and-labels.html Wording changes to explanation of descriptive icon (different contexts affext interpretation). --- understanding/20/headings-and-labels.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index 2936dcc6ea..d5e0f635e7 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -30,9 +30,9 @@

Intent of Headings and Labels

Labels and headings do not need to be lengthy. A word, or even a single character, may suffice if it provides an appropriate cue to finding and navigating content.

-

Labels of form controls are usually text-based. In some cases, images can serve as - descriptive label without additional text. In this case, it is important that the image - and its use in a particular context can be considered conventional and widely understood.

+

Labels of form controls are usually text-based. In some cases, images can serve as descriptive label without additional text. In this case, it is important that the image and its use in a particular context can be considered conventional and widely understood. + Note that the same icon can be interpreted differently in different context and still be descriptive in that context. For example, placed after a search field, a loupe icon is commonly interpreted as triggering a search. + Placed on an image, a loupe icon is commonly interpreted as opening a magnified version of the image (or zooming into the image).

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 From ddde7789a2558e496b028309cd02f2bb4e53069e Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Thu, 21 Nov 2024 14:03:51 +0100 Subject: [PATCH 03/10] Update headings-and-labels.html minor edit. --- understanding/20/headings-and-labels.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index d5e0f635e7..e534d4d3a0 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -30,7 +30,7 @@

Intent of Headings and Labels

Labels and headings do not need to be lengthy. A word, or even a single character, may suffice if it provides an appropriate cue to finding and navigating content.

-

Labels of form controls are usually text-based. In some cases, images can serve as descriptive label without additional text. In this case, it is important that the image and its use in a particular context can be considered conventional and widely understood. +

Labels of form controls are usually text-based. In some cases, images can serve as descriptive label without additional text. In these cases, authors should ensure that the image and its use in a particular context can be considered conventional and widely understood. Note that the same icon can be interpreted differently in different context and still be descriptive in that context. For example, placed after a search field, a loupe icon is commonly interpreted as triggering a search. Placed on an image, a loupe icon is commonly interpreted as opening a magnified version of the image (or zooming into the image).

From 9f867578f8cc7159c8faa6f6650a4bea38e715b5 Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Thu, 21 Nov 2024 14:07:15 +0100 Subject: [PATCH 04/10] Update headings-and-labels.html minor wording changes --- understanding/20/headings-and-labels.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index e534d4d3a0..f011133867 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -30,9 +30,9 @@

Intent of Headings and Labels

Labels and headings do not need to be lengthy. A word, or even a single character, may suffice if it provides an appropriate cue to finding and navigating content.

-

Labels of form controls are usually text-based. In some cases, images can serve as descriptive label without additional text. In these cases, authors should ensure that the image and its use in a particular context can be considered conventional and widely understood. - Note that the same icon can be interpreted differently in different context and still be descriptive in that context. For example, placed after a search field, a loupe icon is commonly interpreted as triggering a search. - Placed on an image, a loupe icon is commonly interpreted as opening a magnified version of the image (or zooming into the image).

+

Labels of form controls are usually text-based. In some cases, images can serve as descriptive label without additional text. In these cases, authors should ensure that the image and its use as label in a particular context can be considered conventional and widely understood. + Note that the same icon can be interpreted differently in different contexts and still be considered descriptive in that context. For example, placed after a search field, a loupe icon is commonly interpreted as triggering a search. + Placed on an image, a loupe icon is commonly interpreted as opening a magnified version of the image (or zooming into that image).

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 From cb6f62dc35375dadb96cfb95f4f16d0ee27bc00c Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Thu, 21 Nov 2024 14:25:08 +0100 Subject: [PATCH 05/10] Update headings-and-labels.html --- understanding/20/headings-and-labels.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index f011133867..d967df0807 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -97,7 +97,7 @@

Examples of Headings and Labels

A form asks for the name of the user. It consists of two input fields to ask for the first and last name. The first field is labeled First name, the second is labeled Last name.
A search field labeled by a loupe icon
-
A search text input is followed by a button containing a loupe icon that activates for the search function. +
A search text input is followed by a button containing a loupe icon that activates the search function. The icon has the string "search" as programmatically determinable label.
From 36cceff58a2de3049d7821b7a1364eb5bc50f290 Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Thu, 21 Nov 2024 18:09:41 +0100 Subject: [PATCH 06/10] Update headings-and-labels.html Changing "loupe" to "magnifying glass" --- understanding/20/headings-and-labels.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index d967df0807..463beaf675 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -31,8 +31,8 @@

Intent of Headings and Labels

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

Labels of form controls are usually text-based. In some cases, images can serve as descriptive label without additional text. In these cases, authors should ensure that the image and its use as label in a particular context can be considered conventional and widely understood. - Note that the same icon can be interpreted differently in different contexts and still be considered descriptive in that context. For example, placed after a search field, a loupe icon is commonly interpreted as triggering a search. - Placed on an image, a loupe icon is commonly interpreted as opening a magnified version of the image (or zooming into that image).

+ Note that the same icon can be interpreted differently in different contexts and still be considered descriptive in that context. For example, placed after a search field, a magnifying glass icon is commonly interpreted as triggering a search. + Placed on an image, a magnifying glass icon is commonly interpreted as opening a magnified version of the image (or zooming into that image).

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 @@ -96,8 +96,8 @@

Examples of Headings and Labels

A form asking for the name of the user
A form asks for the name of the user. It consists of two input fields to ask for the first and last name. The first field is labeled First name, the second is labeled Last name.
-
A search field labeled by a loupe icon
-
A search text input is followed by a button containing a loupe icon that activates the search function. +
A search field labeled by a magnifying glass icon
+
A search text input is followed by a button containing a magnifying glass icon that activates the search function. The icon has the string "search" as programmatically determinable label.
From 99a9d424b9a4b63a2559d7e66597cd88bf886070 Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Tue, 26 Nov 2024 13:50:16 +0100 Subject: [PATCH 07/10] Update understanding/20/headings-and-labels.html Co-authored-by: Scott O'Hara --- understanding/20/headings-and-labels.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index 463beaf675..eb4b1b441d 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -30,7 +30,7 @@

Intent of Headings and Labels

Labels and headings do not need to be lengthy. A word, or even a single character, may suffice if it provides an appropriate cue to finding and navigating content.

-

Labels of form controls are usually text-based. In some cases, images can serve as descriptive label without additional text. In these cases, authors should ensure that the image and its use as label in a particular context can be considered conventional and widely understood. +

Labels of form controls are usually text-based. In some cases, images can serve as descriptive labels without additional text. In these cases, authors would need to ensure that the image and its use as label in a particular context can be considered conventional and widely understood. Note that the same icon can be interpreted differently in different contexts and still be considered descriptive in that context. For example, placed after a search field, a magnifying glass icon is commonly interpreted as triggering a search. Placed on an image, a magnifying glass icon is commonly interpreted as opening a magnified version of the image (or zooming into that image).

From c8c0d9c36ff8aecdee8a10b0d73ef5be1945410a Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Tue, 26 Nov 2024 13:50:41 +0100 Subject: [PATCH 08/10] Update understanding/20/headings-and-labels.html Co-authored-by: Scott O'Hara --- understanding/20/headings-and-labels.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index eb4b1b441d..06cf4f5f7e 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -32,7 +32,7 @@

Intent of Headings and Labels

Labels of form controls are usually text-based. In some cases, images can serve as descriptive labels without additional text. In these cases, authors would need to ensure that the image and its use as label in a particular context can be considered conventional and widely understood. Note that the same icon can be interpreted differently in different contexts and still be considered descriptive in that context. For example, placed after a search field, a magnifying glass icon is commonly interpreted as triggering a search. - Placed on an image, a magnifying glass icon is commonly interpreted as opening a magnified version of the image (or zooming into that image).

+ Placed on or near another image, a loupe or magnify glass icon is commonly interpreted as a means to view a magnified version of the image (for instance, acting as a mechanism to zoom into the image, or opening a full-sized image in a new window).

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 From 047cc4870cd679758354b21bca77fe1e96fa8d2b Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Tue, 26 Nov 2024 13:51:25 +0100 Subject: [PATCH 09/10] Update understanding/20/headings-and-labels.html Co-authored-by: Scott O'Hara --- understanding/20/headings-and-labels.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index 06cf4f5f7e..3dfb3ea44a 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -31,7 +31,7 @@

Intent of Headings and Labels

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

Labels of form controls are usually text-based. In some cases, images can serve as descriptive labels without additional text. In these cases, authors would need to ensure that the image and its use as label in a particular context can be considered conventional and widely understood. - Note that the same icon can be interpreted differently in different contexts and still be considered descriptive in that context. For example, placed after a search field, a magnifying glass icon is commonly interpreted as triggering a search. + Note that the same image can be interpreted differently in different contexts. However, it can still be considered descriptive if its use is commonly understood in each context. For example, when accompanying a text field, a loupe or magnifying glass icon is commonly interpreted as indicating the field is for entering and submitting a search query. Placed on or near another image, a loupe or magnify glass icon is commonly interpreted as a means to view a magnified version of the image (for instance, acting as a mechanism to zoom into the image, or opening a full-sized image in a new window).

This Success Criterion does not require headings or labels. This Success Criterion From a9e2ef7668d136a631fc7467530796a8ce9debdb Mon Sep 17 00:00:00 2001 From: Detlev Fischer Date: Tue, 26 Nov 2024 13:53:44 +0100 Subject: [PATCH 10/10] Update headings-and-labels.html magnify glass -> magnifying glass (assuming this is the more common term?) --- understanding/20/headings-and-labels.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/understanding/20/headings-and-labels.html b/understanding/20/headings-and-labels.html index 3dfb3ea44a..88a2845307 100644 --- a/understanding/20/headings-and-labels.html +++ b/understanding/20/headings-and-labels.html @@ -32,7 +32,7 @@

Intent of Headings and Labels

Labels of form controls are usually text-based. In some cases, images can serve as descriptive labels without additional text. In these cases, authors would need to ensure that the image and its use as label in a particular context can be considered conventional and widely understood. Note that the same image can be interpreted differently in different contexts. However, it can still be considered descriptive if its use is commonly understood in each context. For example, when accompanying a text field, a loupe or magnifying glass icon is commonly interpreted as indicating the field is for entering and submitting a search query. - Placed on or near another image, a loupe or magnify glass icon is commonly interpreted as a means to view a magnified version of the image (for instance, acting as a mechanism to zoom into the image, or opening a full-sized image in a new window).

+ Placed on or near another image, a loupe or magnifying glass icon is commonly interpreted as a means to view a magnified version of the image (for instance, acting as a mechanism to zoom into the image, or opening a full-sized image in a new window).

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