fix: a11y improvements to libraryh3lp

onclick event on non-interactive tag (span) isn't accessible for keyboard users so use button for the X close on chat bubbles
cca · Nov 26, 2024 · d498ffc · d498ffc
1 parent ee2a04e
commit d498ffc
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/libraryh3lp/inst-offline.html b/libraryh3lp/inst-offline.html
@@ -25,7 +25,7 @@
     font-size: 1.2em;
   }
 }
-.libraryh3lp a span.close-lh3-chat-tab {
+.libraryh3lp a .close-lh3-chat-tab {
   border: 1px solid #666;
   background: #fff;
   color: #000;

diff --git a/libraryh3lp/inst-online.html b/libraryh3lp/inst-online.html
@@ -1,2 +1,2 @@
 Questions? Ask us!
-<span class="close-lh3-chat-tab" onclick="closeLH3ChatTab(event); return true;">☓</span>
+<button class="close-lh3-chat-tab" onclick="closeLH3ChatTab(event); return true;">☓</button>
diff --git a/libraryh3lp/libs-offline.html b/libraryh3lp/libs-offline.html
@@ -25,7 +25,7 @@
     font-size: 1.2em;
   }
 }
-.libraryh3lp a span.close-lh3-chat-tab {
+.libraryh3lp a .close-lh3-chat-tab {
   border: 1px solid #666;
   background: #fff;
   color: #000;

diff --git a/libraryh3lp/libs-online.html b/libraryh3lp/libs-online.html
@@ -1,2 +1,2 @@
 Questions? Chat with a Librarian!
-<span class="close-lh3-chat-tab" onclick="closeLH3ChatTab(event); return true;">☓</span>
+<button class="close-lh3-chat-tab" onclick="closeLH3ChatTab(event); return true;">☓</button>