diff --git a/understanding/20/consistent-identification.html b/understanding/20/consistent-identification.html
index 38f1a97788..14eadffe1f 100644
--- a/understanding/20/consistent-identification.html
+++ b/understanding/20/consistent-identification.html
@@ -76,31 +76,28 @@
Benefits of Consistent Identification
Examples of Consistent Identification
- - Example 1: Document Icon
- - A document icon is used to indicate document download throughout a site. The text
- alternative for the icon always begins with the word “Download," followed by a shortened
- form of the document title. Using different text alternatives to identify document
- names for different documents is a consistent use of text alternatives.
- - Example 2: Check Mark
- - A check mark icon functions as "approved", on one page but as "included" on another.
- Since they serve different functions, they have different text alternatives.
- - Example 3: Consistent references to other pages
- - A website publishes articles on-line. Each article spans multiple web pages and
+
- Example 1: Check Mark Toggle
+ - A toggle control uses a check mark icon; the toggle is used in different contexts, and has
+ different accessible names: on one page, it has a text alternative of "approved",
+ while on another page it has a text alternative of "included".
+ Since the toggles serve different functions, they can have different text alternatives.
+ - Example 2: Consistent references to other pages
+ - A website publishes articles on-line. Each article spans multiple web pages and
each page contains a link to the first page, the next page and the previous page of
the article. If the references to the next page read "page 2", "page 3", "page 4"
etcetera, the labels are not the same but they are consistent. Therefore, these references
are not failures of this success criterion.
- - Example 4: Icons with similar functions
+ - Example 3: Icons with similar functions
- An e-commerce application uses a printer icon that allows the user to print receipts
and invoices. In one part of the application, the printer icon is labeled "Print receipt"
and is used to print receipts, while in another part it is labeled "Print invoice"
and is used to print invoices. The labeling is consistent ("Print x"), but the labels
are different to reflect the different functions of the icons. Therefore, this example
does not fail the success criterion.
- - Example 5: Save icon
+ - Example 4: Save icon
- A common "save" icon is used through out the site where page save function is provided
on multiple web pages.
- - Example 6: Icon and adjacent link to same destination
+ - Example 5: Icon and adjacent link to same destination
- An icon with alt text and a link are next to each other and go to the same location.
The best practice would be to group them into one link as per
. However if they are visually positioned one above the other but separated in the
@@ -108,15 +105,10 @@
Examples of Consistent Identification
these two links need only be consistent, not identical. But best practice is to have
identical text so that when users encounter the second one, it is clear that it goes
to the same place as the first.
- - Example 7: Example of a Failure
+ - Example 6: Example of a Failure
- A submit "search" button on one web page and a "find" button on another web page both
have a field to enter a term and list topics in the website related to the term submitted.
In this case, the buttons have the same functionality but are not labeled consistently.
-
- - Example 8: Failure primarily impacting assistive technology users
- - Two buttons with the same functionality visually have the same text, but have been given
- different
aria-label="..." accessible names. For users of assistive technologies,
- these two buttons will be announced differently and inconsistently.