Add ARIA labels to Home page - Vue (#381)

* add aria labelled article to home page * update welcome image alt text
TBD54566975 · Oct 26, 2024 · ea24aa6 · ea24aa6
1 parent a520fc1
commit ea24aa6
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/javascript/dwa-starter-vue/src/views/HomeView.vue b/javascript/dwa-starter-vue/src/views/HomeView.vue
@@ -8,10 +8,13 @@ const { web5 } = storeToRefs(useWeb5Store())
 </script>
 <template>
   <TodoList v-if="web5" />
-  <div v-else class="self-center text-center">
+  <article aria-label="get started" v-else class="self-center text-center">
     <h1>DWA Starter Vue!</h1>
-    <img src="/workplace.svg" class="max-h-72 mx-auto" alt="DWA" />
+    <img 
+      src="/workplace.svg" class="max-h-72 mx-auto" 
+      alt="DWAs faciliate communication, collaboration, and fun all while allowing users to own their data." 
+    />
     <p>Connect your DWA to get started</p>
     <Web5ConnectButton />
-  </div>
+  </article>
 </template>