From 8238bf34a6cb328870bef6ed4ef35ac7e6e1ad09 Mon Sep 17 00:00:00 2001
From: HuanWuCode <huanwu2018@gmail.com>
Date: Sun, 29 Sep 2024 14:05:56 -0700
Subject: [PATCH] Accessibility: update
 Depricated-MultipleImplementationExample-Template.html

---
 ...cated-MultipleImplementationExample-Template.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/content-templates/Depricated-MultipleImplementationExample-Template.html b/content-templates/Depricated-MultipleImplementationExample-Template.html
index 86b7704d90..ce353d7f91 100644
--- a/content-templates/Depricated-MultipleImplementationExample-Template.html
+++ b/content-templates/Depricated-MultipleImplementationExample-Template.html
@@ -76,7 +76,7 @@ <h3 id="ex1_label">Example 1: title of this variation of the implementation</h3>
         This is the preferred implementation whenever feasible. (Delete this paragraph if there
         is not a preferred implementation.)
       </p>
-      <div role="separator" id="ex1_start_sep" aria-labelledby="ex1_start_sep ex1_label" aria-label="Start of"></div>
+      <div role="separator" id="ex1_start_sep" aria-labelledby="ex1_start_sep ex1_label" aria-label="Start of example 1"></div>
       <!--
         Note the ID of the following div that contains the example HTML is used as a parameter for the sourceCode.add() function.
         The sourceCode functions in the examples/js/examples.js render the HTML source to show it to the reader of the example page.
@@ -98,7 +98,7 @@ <h3 id="ex1_label">Example 1: title of this variation of the implementation</h3>
           <!--  Target of previous link will need to be updated when we move the guidelines into the wiki from Ian's repo.  -->
         </ul>
       </div>
-      <div role="separator" id="ex1_end_sep" aria-labelledby="ex1_end_sep ex1_label" aria-label="End of"></div>
+      <div role="separator" id="ex1_end_sep" aria-labelledby="ex1_end_sep ex1_label" aria-label="End of example 1"></div>
       <h4>Notes</h4>
       <ol>
         <li>First of a short list of distinguishing characteristics of this implementation.</li>
@@ -110,7 +110,7 @@ <h4>Notes</h4>
 
     <section>
       <h3 id="ex2_label">Example 2: title of this variation of the implementation</h3>
-      <div role="separator" id="ex2_start_sep" aria-labelledby="ex2_start_sep ex2_label" aria-label="Start of"></div>
+      <div role="separator" id="ex2_start_sep" aria-labelledby="ex2_start_sep ex2_label" aria-label="Start of example 2"></div>
       <!--
         Note the ID of the following div that contains the example HTML is used as a parameter for the sourceCode.add() function.
         The sourceCode functions in the examples/js/examples.js render the HTML source to show it to the reader of the example page.
@@ -131,7 +131,7 @@ <h3 id="ex2_label">Example 2: title of this variation of the implementation</h3>
           <!--  Target of previous link will need to be updated when we move the guidelines into the wiki from Ian's repo.  -->
         </ul>
       </div>
-      <div role="separator" id="ex2_end_sep" aria-labelledby="ex2_end_sep ex2_label" aria-label="End of"></div>
+      <div role="separator" id="ex2_end_sep" aria-labelledby="ex2_end_sep ex2_label" aria-label="End of example 2"></div>
       <h4>Notes</h4>
       <ol>
         <li>First of a short list of distinguishing characteristics of this implementation.</li>
@@ -143,7 +143,7 @@ <h4>Notes</h4>
 
     <section>
       <h3 id="ex3_label">Example 3: title of this variation of the implementation</h3>
-      <div role="separator" id="ex3_start_sep" aria-labelledby="ex3_start_sep ex3_label" aria-label="Start of"></div>
+      <div role="separator" id="ex3_start_sep" aria-labelledby="ex3_start_sep ex3_label" aria-label="Start of example 3"></div>
       <!--
         Note the ID of the following div that contains the example HTML is used as a parameter for the sourceCode.add() function.
         The sourceCode functions in the examples/js/examples.js render the HTML source to show it to the reader of the example page.
@@ -164,7 +164,7 @@ <h3 id="ex3_label">Example 3: title of this variation of the implementation</h3>
           <!--  Target of previous link will need to be updated when we move the guidelines into the wiki from Ian's repo.  -->
         </ul>
       </div>
-      <div role="separator" id="ex3_end_sep" aria-labelledby="ex3_end_sep ex3_label" aria-label="End of"></div>
+      <div role="separator" id="ex3_end_sep" aria-labelledby="ex3_end_sep ex3_label" aria-label="End of example 3"></div>
       <h4>Notes</h4>
       <ol>
         <li>First of a short list of distinguishing characteristics of this implementation.</li>