fix: fix typo for aria-label

lepture · Apr 17, 2024 · b991872 · b991872
1 parent 7e763ad
commit b991872
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 27 deletions.
diff --git a/docs/_templates/accent-colors.html b/docs/_templates/accent-colors.html
@@ -1,78 +1,78 @@
 <div class="accent-color-picker">
   <button style="--color: var(--tomato-9)" title="tomato">
-    <span arial-label="tomato"></span>
+    <span aria-label="tomato"></span>
   </button>
   <button style="--color: var(--red-9)" title="red">
-    <span arial-label="red"></span>
+    <span aria-label="red"></span>
   </button>
   <button style="--color: var(--ruby-9)" title="ruby">
-    <span arial-label="ruby"></span>
+    <span aria-label="ruby"></span>
   </button>
   <button style="--color: var(--crimson-9)" title="crimson">
-    <span arial-label="crimson"></span>
+    <span aria-label="crimson"></span>
   </button>
   <button style="--color: var(--pink-9)" title="pink">
-    <span arial-label="pink"></span>
+    <span aria-label="pink"></span>
   </button>
   <button style="--color: var(--plum-9)" title="plum">
-    <span arial-label="plum"></span>
+    <span aria-label="plum"></span>
   </button>
   <button style="--color: var(--purple-9)" title="purple">
-    <span arial-label="purple"></span>
+    <span aria-label="purple"></span>
   </button>
   <button style="--color: var(--violet-9)" title="violet">
-    <span arial-label="violet"></span>
+    <span aria-label="violet"></span>
   </button>
   <button style="--color: var(--iris-9)" title="iris">
-    <span arial-label="iris"></span>
+    <span aria-label="iris"></span>
   </button>
   <button style="--color: var(--indigo-9)" title="indigo">
-    <span arial-label="indigo"></span>
+    <span aria-label="indigo"></span>
   </button>
   <button style="--color: var(--blue-9)" title="blue">
-    <span arial-label="blue"></span>
+    <span aria-label="blue"></span>
   </button>
   <button style="--color: var(--cyan-9)" title="cyan">
-    <span arial-label="cyan"></span>
+    <span aria-label="cyan"></span>
   </button>
   <button style="--color: var(--teal-9)" title="teal">
-    <span arial-label="teal"></span>
+    <span aria-label="teal"></span>
   </button>
   <button style="--color: var(--jade-9)" title="jade">
-    <span arial-label="jade"></span>
+    <span aria-label="jade"></span>
   </button>
   <button style="--color: var(--green-9)" title="green">
-    <span arial-label="green"></span>
+    <span aria-label="green"></span>
   </button>
   <button style="--color: var(--grass-9)" title="grass">
-    <span arial-label="grass"></span>
+    <span aria-label="grass"></span>
   </button>
   <button style="--color: var(--bronze-9)" title="bronze">
-    <span arial-label="bronze"></span>
+    <span aria-label="bronze"></span>
   </button>
   <button style="--color: var(--gold-9)" title="gold">
-    <span arial-label="gold"></span>
+    <span aria-label="gold"></span>
   </button>
   <button style="--color: var(--brown-9)" title="brown">
-    <span arial-label="brown"></span>
+    <span aria-label="brown"></span>
   </button>
   <button style="--color: var(--orange-9)" title="orange">
-    <span arial-label="orange"></span>
+    <span aria-label="orange"></span>
   </button>
   <button style="--color: var(--amber-9)" title="amber">
-    <span arial-label="amber"></span>
+    <span aria-label="amber"></span>
   </button>
   <button style="--color: var(--yellow-9)" title="yellow">
-    <span arial-label="yellow"></span>
+    <span aria-label="yellow"></span>
   </button>
   <button style="--color: var(--lime-9)" title="lime">
-    <span arial-label="lime"></span>
+    <span aria-label="lime"></span>
   </button>
   <button style="--color: var(--mint-9)" title="mint">
-    <span arial-label="mint"></span>
+    <span aria-label="mint"></span>
   </button>
   <button style="--color: var(--sky-9)" title="sky">
-    <span arial-label="sky"></span>
+    <span aria-label="sky"></span>
   </button>
 </div>
 

diff --git a/static/js/globaltoc.js b/static/js/globaltoc.js
@@ -43,9 +43,9 @@ function createToggleButton (el) {
 
   const updateArialLabel = () => {
     if (list.classList.contains("_expand")) {
-      button.setAttribute("arial-label", "Collapse " + title)
+      button.setAttribute("aria-label", "Collapse " + title)
     } else {
-      button.setAttribute("arial-label", "Expand " + title)
+      button.setAttribute("aria-label", "Expand " + title)
     }
   }
   updateArialLabel()