Use <title> instead of aria-label

<title> gives tooltip on hover

diff --git a/index.html b/index.html
index d091a0548259135e2f0dbfa417729e372c92a547..74f226baff9fc3f4dcaac0644d4fb8cd3e52c593 100644 (file)
--- a/index.html
+++ b/index.html
@@ -319,8 +319,9 @@
         <output name="status" id="status"></output>
 
         <output name="table" id="table">
-          <button id="download" aria-label="Download to CSV file">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <button id="download">
+            <svg role="img" aria-labelledby="download-label" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <title id="download-label">Download to CSV file</title>
               <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
               <polyline points="14 2 14 8 20 8"></polyline>
               <path d="M12 18v-6"></path>