fixed linting errors

w3c · Sep 14, 2024 · e343d5f · e343d5f
1 parent 33e37f4
commit e343d5f
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/content/practices/live-regions/live-regions-practice.html b/content/practices/live-regions/live-regions-practice.html
@@ -99,9 +99,9 @@ <h3>Enable Live Regions with <code>aria-live</code></h3>
         </p>
 
         <pre><code>&lt;form role="search" aria-labelledby="search"&gt;
-&lt;h2 id="search">Search&lt;/h2&gt;
-&lt;label>Search query: &lt;input type="search" name="q" oninput="updateSearch(event)"&gt;&lt;/label&gt;
-&lt;div id="search-result-status" role="region" aria-live="polite">&lt;/div&gt;
+&lt;h2 id="search"&gt;Search&lt;/h2&gt;
+&lt;label&gt;Search query: &lt;input type="search" name="q" oninput="updateSearch(event)"&gt;&lt;/label&gt;
+&lt;div id="search-result-status" role="region" aria-live="polite"&gt;&lt;/div&gt;
 &lt;/form&gt;
 &lt;script&gt;
 async function updateSearch(event) {
@@ -145,7 +145,7 @@ <h3>Indicate What Content to Announce with <code>aria-atomic</code></h3>
 
         <pre><code>&lt;div id="clock" role="region" aria-live="polite" aria-atomic="true"&gt;
 The time is
-&lt;span&gt;16&lt;/span&gt;:&lt;span&gt;34&lt;/span&gt;:&lt;span>05&lt;/span&gt;
+&lt;span&gt;16&lt;/span&gt;:&lt;span&gt;34&lt;/span&gt;:&lt;span&gt;05&lt;/span&gt;
 &lt;/div&gt;
 </code></pre>
       </section>
@@ -193,7 +193,7 @@ <h3>Indicate Which Content Changes are Relevant with <code>aria-relevant</code><
         </p>
 
         <pre><code>&lt;div role="region" aria-live="polite" aria-labelledby="contacts"&gt;
-&lt;h1 id="contacts">Contacts&lt;/h1&gt;
+&lt;h1 id="contacts"&gt;Contacts&lt;/h1&gt;
 &lt;ul&gt;
 &lt;li aria-atomic="true"&gt;&lt;a href="/contacts/alice"&gt;Alice&lt;/a&gt; is now online&lt;/li&gt;
 &lt;/ul&gt;
@@ -321,9 +321,9 @@ <h3>Live Region Role <code>status</code></h3>
         </p>
 
         <pre><code>&lt;form role="search" aria-labelledby="search"&gt;
-&lt;h2 id="search">Search&lt;/h2&gt;
-&lt;label&gt;Search query: &lt;input type="search" name="q" oninput="updateSearch(event)">&lt;/label&gt;
-&lt;div id="search-result-status" role="status">&lt;/div&gt;
+&lt;h2 id="search"&gt;Search&lt;/h2&gt;
+&lt;label&gt;Search query: &lt;input type="search" name="q" oninput="updateSearch(event)"&gt;&lt;/label&gt;
+&lt;div id="search-result-status" role="status"&gt;&lt;/div&gt;
 &lt;/form&gt;
 </code></pre>
 
@@ -335,8 +335,8 @@ <h3>Live Region Role <code>status</code></h3>
         </p>
 
         <pre><code>&lt;form role="search" aria-labelledby="search"&gt;
-&lt;h2 id="search">Search&lt;/h2&gt;
-&lt;label&gt;Search query: &lt;input type="search" name="q" oninput="updateSearch(event)">&lt;/label&gt;
+&lt;h2 id="search"&gt;Search&lt;/h2&gt;
+&lt;label&gt;Search query: &lt;input type="search" name="q" oninput="updateSearch(event)"&gt;&lt;/label&gt;
 &lt;output id="search-result-status"&gt;&lt;/output&gt;
 &lt;/form&gt;
 </code></pre>