aria and purpose

matterofabstract · Aug 2, 2023 · df8d989 · df8d989
1 parent 21269ee
commit df8d989
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 3 deletions.
diff --git a/public/manifest.json b/public/manifest.json
@@ -3,8 +3,8 @@
   "short_name": "nvAux",
   "description": "the note-taking app for creative professionals",
   "icons": [
-    { "src": "favicon.png", "type": "image/png", "sizes": "192x192" },
-    { "src": "favicon.png", "type": "image/png", "sizes": "512x512" }
+    { "src": "favicon.png", "type": "image/png", "sizes": "192x192", "purpose": "maskable" },
+    { "src": "favicon.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" }
   ],
   "start_url": "/",
   "display": "standalone",

diff --git a/src/lib/DownloadNotesZip.svelte b/src/lib/DownloadNotesZip.svelte
@@ -16,6 +16,6 @@
   };
 </script>
 
-<button on:click={handleDownloadZip} class="btn bg-gray-800" style="font-size: 14px;">
+<button aria-label="Download Notes" on:click={handleDownloadZip} class="btn bg-gray-800" style="font-size: 14px;">
     Download Notes
 </button>
diff --git a/src/lib/NoteList.svelte b/src/lib/NoteList.svelte
@@ -86,6 +86,7 @@
         <span
           class="elipsis"
           role="button"
+          aria-label="Note Preview"
           tabindex="-1"
           on:dblclick={() => document.getElementById('body-editor').focus()}
         >

diff --git a/src/lib/OmniBar.svelte b/src/lib/OmniBar.svelte
@@ -57,6 +57,7 @@
     />
     {#if $omniText !== ''}
       <button
+        aria-label="Clear Search"
         class="bg-transparent flex items-center px-2 py-1.5"
         style="color: #404856;"
         on:click={() => {

diff --git a/src/lib/ResizeHandle.svelte b/src/lib/ResizeHandle.svelte
@@ -39,5 +39,6 @@
   class="w-full resize-bar select-none row-resize"
   style="background: var(--app-resizer-background); height: 15px;"
   role="button"
+  aria-label="Resize Note List"
   tabindex="-1"
 />
diff --git a/src/lib/Settings.svelte b/src/lib/Settings.svelte
@@ -52,6 +52,7 @@
       <div class="font-bold">Dangerzone</div>
 
       <button
+        aria-label="Reset Database"
         on:click={handleDeleteCollection}
         class="btn"
         style="background: #b41111; margin-top: 10px;">Reset Database</button