diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 7f5b2982f8..1768ab0545 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -968,5 +968,32 @@
   },
   "DescriptionPredefinedwebdavurls": {
     "message": "Select your service"
+  },
+  "LabelShowpassword": {
+    "message": "Show password"
+  },
+  "LabelHidepassword": {
+    "message": "Hide password"
+  },
+  "LabelTitle": {
+    "message": "Title"
+  },
+  "LabelLink": {
+    "message": "Link"
+  },
+  "LabelParentfolder": {
+    "message": "Parent folder"
+  },
+  "LabelHome": {
+    "message": "Home"
+  },
+  "LabelSortby": {
+    "message": "Sort by"
+  },
+  "LabelMoreactions": {
+    "message": "More actions"
+  },
+  "LabelServerconnectionsuccessful": {
+    "message": "Server connection successful"
   }
 }
diff --git a/src/ui/App.vue b/src/ui/App.vue
index 7660f92bec..154aa068f2 100644
--- a/src/ui/App.vue
+++ b/src/ui/App.vue
@@ -40,10 +40,11 @@
                 text
                 class="white--text"
                 v-bind="attrs"
+                :aria-label="t('LabelFunddevelopment')"
                 :to="{ name: routes.DONATE }"
                 target="_blank"
                 v-on="on">
-                <v-icon>mdi-heart-outline</v-icon>
+                <v-icon aria-hidden="true">mdi-heart-outline</v-icon>
               </v-btn>
             </template>
             <span>{{ t('LabelFunddevelopment') }}</span>
@@ -55,10 +56,11 @@
                 text
                 class="white--text"
                 v-bind="attrs"
+                :aria-label="t('LabelTelemetry')"
                 :to="{ name: routes.TELEMETRY }"
                 target="_blank"
                 v-on="on">
-                <v-icon>
+                <v-icon aria-hidden="true">
                   {{
                     telemetryEnabled
                       ? 'mdi-bug-play-outline'
@@ -76,10 +78,11 @@
                 text
                 class="white--text"
                 v-bind="attrs"
+                :aria-label="t('LabelGivefeedback')"
                 :to="{ name: routes.FEEDBACK }"
                 target="_blank"
                 v-on="on">
-                <v-icon>mdi-bullhorn-variant-outline</v-icon>
+                <v-icon aria-hidden="true">mdi-bullhorn-variant-outline</v-icon>
               </v-btn>
             </template>
             <span>{{ t('LabelGivefeedback') }}</span>
@@ -91,10 +94,11 @@
                 text
                 class="white--text"
                 v-bind="attrs"
+                :aria-label="t('LabelOpeninnewtab')"
                 target="_blank"
                 @click="openInNewTab"
                 v-on="on">
-                <v-icon>mdi-open-in-new</v-icon>
+                <v-icon aria-hidden="true">mdi-open-in-new</v-icon>
               </v-btn>
             </template>
             <span>{{ t('LabelOpeninnewtab') }}</span>
@@ -108,7 +112,7 @@
       persistent>
       <v-card>
         <v-card-title>
-          <v-icon>mdi-lock-outline</v-icon>{{ t('LabelUnlock') }}
+          <v-icon aria-hidden="true">mdi-lock-outline</v-icon>{{ t('LabelUnlock') }}
         </v-card-title>
         <v-card-text>
           <v-alert
diff --git a/src/ui/components/AccountCard.vue b/src/ui/components/AccountCard.vue
index 2fb0de6cc6..d0df93f005 100644
--- a/src/ui/components/AccountCard.vue
+++ b/src/ui/components/AccountCard.vue
@@ -19,15 +19,20 @@
               <div class="overline">
                 {{ account.data.type }}
               </div>
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="2">
                 <v-icon
                   v-if="account.data.localRoot === 'tabs'"
-                  color="primary">
+                  color="primary"
+                  aria-hidden="true">
                   mdi-tab
                 </v-icon>
                 <v-icon
                   v-else
-                  color="primary">
+                  color="primary"
+                  aria-hidden="true">
                   mdi-folder
                 </v-icon>
                 {{ folderName }}
@@ -40,7 +45,8 @@
               <div class="pa-3 d-inline-block font-weight-light body-2">
                 <v-icon
                   :color="statusColor"
-                  :class="{ spinning: account.data.syncing }">
+                  :class="{ spinning: account.data.syncing }"
+                  aria-hidden="true">
                   {{ statusIcon }}
                 </v-icon>
                 <span :style="{ color: statusColor }">{{ statusLabel }}</span>
@@ -120,7 +126,7 @@
                   params: { accountId: account.id },
                 }"
                 target="_blank">
-                <v-icon>mdi-cog</v-icon>
+                <v-icon aria-hidden="true">mdi-cog</v-icon>
                 {{ t('LabelOptions') }}
               </v-btn>
             </v-col>
@@ -130,16 +136,18 @@
                 small
                 :disabled="account.data.syncing || account.data.scheduled"
                 :title="t('LabelSyncDownOnce')"
+                :aria-label="t('LabelSyncDownOnce')"
                 @click="onTriggerSyncDown">
-                <v-icon>mdi-arrow-down-bold</v-icon>
+                <v-icon aria-hidden="true">mdi-arrow-down-bold</v-icon>
               </v-btn>
               <v-btn
                 class="ma-1"
                 small
                 :disabled="account.data.syncing || account.data.scheduled"
                 :title="t('LabelSyncUpOnce')"
+                :aria-label="t('LabelSyncUpOnce')"
                 @click="onTriggerSyncUp">
-                <v-icon>mdi-arrow-up-bold</v-icon>
+                <v-icon aria-hidden="true">mdi-arrow-up-bold</v-icon>
               </v-btn>
               <v-btn
                 v-if="!account.data.syncing"
@@ -149,7 +157,7 @@
                 :title="t('LabelSyncnow')"
                 :aria-label="t('LabelSyncnow')"
                 @click="onTriggerSync">
-                <v-icon>mdi-sync</v-icon>
+                <v-icon aria-hidden="true">mdi-sync</v-icon>
               </v-btn>
               <v-btn
                 v-else
@@ -158,7 +166,7 @@
                 :title="t('LabelCancelsync')"
                 :aria-label="t('LabelCancelsync')"
                 @click="onCancelSync">
-                <v-icon>mdi-cancel</v-icon>
+                <v-icon aria-hidden="true">mdi-cancel</v-icon>
               </v-btn>
             </v-col>
           </v-row>
diff --git a/src/ui/components/NextcloudLogin.vue b/src/ui/components/NextcloudLogin.vue
index 2e45181df4..c1c2489a11 100644
--- a/src/ui/components/NextcloudLogin.vue
+++ b/src/ui/components/NextcloudLogin.vue
@@ -14,9 +14,10 @@
           <template #activator="{ on }">
             <v-btn
               icon
+              :aria-label="t('LabelLoginFlowStart')"
               @click="onFlowStart"
               v-on="on">
-              <v-icon>mdi-account-circle</v-icon>
+              <v-icon aria-hidden="true">mdi-account-circle</v-icon>
             </v-btn>
           </template>
           <span>{{ t('LabelLoginFlowStart') }}</span>
@@ -27,9 +28,10 @@
           <template #activator="{ on }">
             <v-btn
               icon
+              :aria-label="t('LabelLoginFlowStop')"
               @click="onFlowStop"
               v-on="on">
-              <v-icon>mdi-cancel</v-icon>
+              <v-icon aria-hidden="true">mdi-cancel</v-icon>
             </v-btn>
           </template>
           <span>{{ t('LabelLoginFlowStop') }}</span>
@@ -37,11 +39,21 @@
       </template>
     </v-text-field>
     <v-text-field
-      :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
       :type="showPassword ? 'text' : 'password'"
       :label="t('LabelPassword')"
-      @click:append="showPassword = !showPassword"
-      @input="$emit('update:password', $event)" />
+      @input="$emit('update:password', $event)">
+      <template #append>
+        <v-icon
+          role="button"
+          tabindex="0"
+          :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+          @click="showPassword = !showPassword"
+          @keydown.enter="showPassword = !showPassword"
+          @keydown.space.prevent="showPassword = !showPassword">
+          {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+        </v-icon>
+      </template>
+    </v-text-field>
   </div>
 </template>
 
diff --git a/src/ui/components/OptionAllowRedirects.vue b/src/ui/components/OptionAllowRedirects.vue
index f9200671d1..c2f2521f8a 100644
--- a/src/ui/components/OptionAllowRedirects.vue
+++ b/src/ui/components/OptionAllowRedirects.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelAllowredirects') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionAutoSync.vue b/src/ui/components/OptionAutoSync.vue
index 3cd7a1b67e..721b180e72 100644
--- a/src/ui/components/OptionAutoSync.vue
+++ b/src/ui/components/OptionAutoSync.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelAutosync') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionClientCert.vue b/src/ui/components/OptionClientCert.vue
index 09ca268b40..389d0bf49d 100644
--- a/src/ui/components/OptionClientCert.vue
+++ b/src/ui/components/OptionClientCert.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelClientcert') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionDeleteAccount.vue b/src/ui/components/OptionDeleteAccount.vue
index b52b69416a..1a17abda6c 100644
--- a/src/ui/components/OptionDeleteAccount.vue
+++ b/src/ui/components/OptionDeleteAccount.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelRemoveaccount') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionDownloadLogs.vue b/src/ui/components/OptionDownloadLogs.vue
index d6a467c21d..f63c03870c 100644
--- a/src/ui/components/OptionDownloadLogs.vue
+++ b/src/ui/components/OptionDownloadLogs.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelDownloadlogs') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionExportBookmarks.vue b/src/ui/components/OptionExportBookmarks.vue
index 3da0cb0de6..ecca9fb1e0 100644
--- a/src/ui/components/OptionExportBookmarks.vue
+++ b/src/ui/components/OptionExportBookmarks.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelExportBookmarks') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionFailsafe.vue b/src/ui/components/OptionFailsafe.vue
index 0d1ed1ab50..a88e316976 100644
--- a/src/ui/components/OptionFailsafe.vue
+++ b/src/ui/components/OptionFailsafe.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelFailsafe') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionFileType.vue b/src/ui/components/OptionFileType.vue
index bdff43697c..1a433240d2 100644
--- a/src/ui/components/OptionFileType.vue
+++ b/src/ui/components/OptionFileType.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelFiletype') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionNestedSync.vue b/src/ui/components/OptionNestedSync.vue
index 529a99a402..e9d529afe7 100644
--- a/src/ui/components/OptionNestedSync.vue
+++ b/src/ui/components/OptionNestedSync.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelNestedSync') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionPassphrase.vue b/src/ui/components/OptionPassphrase.vue
index a48267adc6..45eb15cac5 100644
--- a/src/ui/components/OptionPassphrase.vue
+++ b/src/ui/components/OptionPassphrase.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelPassphrase') }}
     </div>
     <div class="caption">
@@ -25,10 +28,20 @@
       <v-text-field
         class="mt-2"
         :label="t('LabelPassphrase')"
-        :append-icon="showPassphrase ? 'mdi-eye' : 'mdi-eye-off'"
         :type="showPassphrase ? 'text' : 'password'"
-        @input="passphrase = $event"
-        @click:append="showPassphrase = !showPassphrase" />
+        @input="passphrase = $event">
+        <template #append>
+          <v-icon
+            role="button"
+            tabindex="0"
+            :aria-label="showPassphrase ? t('LabelHidepassword') : t('LabelShowpassword')"
+            @click="showPassphrase = !showPassphrase"
+            @keydown.enter="showPassphrase = !showPassphrase"
+            @keydown.space.prevent="showPassphrase = !showPassphrase">
+            {{ showPassphrase ? 'mdi-eye' : 'mdi-eye-off' }}
+          </v-icon>
+        </template>
+      </v-text-field>
       <v-btn
         color="primary"
         @click="$emit('input', passphrase); editing = false">
diff --git a/src/ui/components/OptionResetCache.vue b/src/ui/components/OptionResetCache.vue
index d49bed6ee6..a05322ba35 100644
--- a/src/ui/components/OptionResetCache.vue
+++ b/src/ui/components/OptionResetCache.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelSyncfromscratch') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionSyncFolder.vue b/src/ui/components/OptionSyncFolder.vue
index 93de5d4e98..bd597ec7e0 100644
--- a/src/ui/components/OptionSyncFolder.vue
+++ b/src/ui/components/OptionSyncFolder.vue
@@ -1,7 +1,10 @@
 <template>
   <div>
     <div>
-      <div class="text-h6">
+      <div
+        class="text-h6"
+        role="heading"
+        aria-level="3">
         {{ t('LabelLocaltarget') }}
       </div>
       <div class="caption">
@@ -17,10 +20,12 @@
               v-model="path"
               class="ml-2"
               readonly
+              :aria-label="t('LabelLocalfolder')"
               @click="onTriggerFinder">
               <template #append>
                 <v-icon
                   color="blue darken-1"
+                  aria-hidden="true"
                   @click="onTriggerFinder">
                   mdi-folder
                 </v-icon>
@@ -54,7 +59,7 @@
             <v-btn
               class="primary ma-2"
               @click="onSave">
-              save
+              {{ t('LabelSave') }}
             </v-btn>
           </v-col>
         </v-row>
@@ -70,7 +75,7 @@
           dense
           @update:active="onUpdateSelection">
           <template #prepend="{ open }">
-            <v-icon>
+            <v-icon aria-hidden="true">
               {{ open ? 'mdi-folder-open' : 'mdi-folder' }}
             </v-icon>
           </template>
diff --git a/src/ui/components/OptionSyncInterval.vue b/src/ui/components/OptionSyncInterval.vue
index e25563d833..bf0d50bf77 100644
--- a/src/ui/components/OptionSyncInterval.vue
+++ b/src/ui/components/OptionSyncInterval.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelSyncinterval') }}
     </div>
     <v-slider
diff --git a/src/ui/components/OptionSyncIntervalEnabled.vue b/src/ui/components/OptionSyncIntervalEnabled.vue
index 25bcb64f09..1997a721c4 100644
--- a/src/ui/components/OptionSyncIntervalEnabled.vue
+++ b/src/ui/components/OptionSyncIntervalEnabled.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelSyncintervalenabled') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionSyncStrategy.vue b/src/ui/components/OptionSyncStrategy.vue
index c7631ab3d0..5c3ecc314b 100644
--- a/src/ui/components/OptionSyncStrategy.vue
+++ b/src/ui/components/OptionSyncStrategy.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelStrategy') }}
     </div>
     <div class="caption">
diff --git a/src/ui/components/OptionsDropbox.vue b/src/ui/components/OptionsDropbox.vue
index 94ad466738..dc249cb2f9 100644
--- a/src/ui/components/OptionsDropbox.vue
+++ b/src/ui/components/OptionsDropbox.vue
@@ -13,8 +13,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="server"
-        class="text-h5">
-        <v-icon>mdi-account-box</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-account-box</v-icon>
         {{ t('LabelOptionsServerDetails') }}
       </v-card-title>
       <v-card-text>
@@ -55,8 +57,10 @@
       class="mb-4">
       <v-card-title
         id="folder"
-        class="text-h5">
-        <v-icon>mdi-folder-outline</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
         {{ t('LabelOptionsFolderMapping') }}
       </v-card-title>
       <v-card-text>
@@ -71,8 +75,10 @@
       class="mb-4">
       <v-card-title
         id="mobile"
-        class="text-h5">
-        <v-icon>mdi-cellphone-settings</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-cellphone-settings</v-icon>
         {{ t('LabelMobilesettings') }}
       </v-card-title>
       <v-card-text>
@@ -86,8 +92,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="sync"
-        class="text-h5">
-        <v-icon>mdi-sync-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         {{ t('LabelOptionsSyncBehavior') }}
       </v-card-title>
       <v-card-text>
@@ -114,8 +122,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="danger"
-        class="text-h5">
-        <v-icon>mdi-alert-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
         {{ t('LabelOptionsDangerous') }}
       </v-card-title>
       <v-card-text>
diff --git a/src/ui/components/OptionsGit.vue b/src/ui/components/OptionsGit.vue
index 46251635e4..79104b97fb 100644
--- a/src/ui/components/OptionsGit.vue
+++ b/src/ui/components/OptionsGit.vue
@@ -13,8 +13,10 @@
     <v-card class="mb-4">
       <v-card-text
         id="server"
-        class="text-h5">
-        <v-icon>mdi-account-box</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-account-box</v-icon>
         {{ t('LabelOptionsServerDetails') }}
       </v-card-text>
       <v-card-text>
@@ -29,10 +31,20 @@
           @input="$emit('update:username', $event)" />
         <v-text-field
           :label="t('LabelPassword')"
-          :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
           :type="showPassword ? 'text' : 'password'"
-          @click:append="showPassword = !showPassword"
-          @input="$emit('update:password', $event)" />
+          @input="$emit('update:password', $event)">
+          <template #append>
+            <v-icon
+              role="button"
+              tabindex="0"
+              :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+              @click="showPassword = !showPassword"
+              @keydown.enter="showPassword = !showPassword"
+              @keydown.space.prevent="showPassword = !showPassword">
+              {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+            </v-icon>
+          </template>
+        </v-text-field>
         <v-text-field
           append-icon="mdi-file-document"
           :value="bookmark_file"
@@ -57,8 +69,10 @@
       class="mb-4">
       <v-card-title
         id="folder"
-        class="text-h5">
-        <v-icon>mdi-folder-outline</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
         {{ t('LabelOptionsFolderMapping') }}
       </v-card-title>
       <v-card-text>
@@ -73,8 +87,10 @@
       class="mb-4">
       <v-card-title
         id="mobile"
-        class="text-h5">
-        <v-icon>mdi-cellphone-settings</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-cellphone-settings</v-icon>
         {{ t('LabelMobilesettings') }}
       </v-card-title>
       <v-card-text>
@@ -88,8 +104,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="sync"
-        class="text-h5">
-        <v-icon>mdi-sync-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         {{ t('LabelOptionsSyncBehavior') }}
       </v-card-title>
       <v-card-text>
@@ -116,8 +134,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="danger"
-        class="text-h5">
-        <v-icon>mdi-alert-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
         {{ t('LabelOptionsDangerous') }}
       </v-card-title>
       <v-card-text>
diff --git a/src/ui/components/OptionsGoogleDrive.vue b/src/ui/components/OptionsGoogleDrive.vue
index ed493bf4f5..7af22fe9e5 100644
--- a/src/ui/components/OptionsGoogleDrive.vue
+++ b/src/ui/components/OptionsGoogleDrive.vue
@@ -13,8 +13,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="server"
-        class="text-h5">
-        <v-icon>mdi-account-box</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-account-box</v-icon>
         {{ t('LabelOptionsServerDetails') }}
       </v-card-title>
       <v-card-text>
@@ -55,8 +57,10 @@
       class="mb-4">
       <v-card-title
         id="folder"
-        class="text-h5">
-        <v-icon>mdi-folder-outline</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
         {{ t('LabelOptionsFolderMapping') }}
       </v-card-title>
       <v-card-text>
@@ -71,8 +75,10 @@
       class="mb-4">
       <v-card-title
         id="mobile"
-        class="text-h5">
-        <v-icon>mdi-cellphone-settings</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-cellphone-settings</v-icon>
         {{ t('LabelMobilesettings') }}
       </v-card-title>
       <v-card-text>
@@ -86,8 +92,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="sync"
-        class="text-h5">
-        <v-icon>mdi-sync-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         {{ t('LabelOptionsSyncBehavior') }}
       </v-card-title>
       <v-card-text>
@@ -114,8 +122,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="danger"
-        class="text-h5">
-        <v-icon>mdi-alert-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
         {{ t('LabelOptionsDangerous') }}
       </v-card-title>
       <v-card-text>
diff --git a/src/ui/components/OptionsKarakeep.vue b/src/ui/components/OptionsKarakeep.vue
index 5fc92caefa..b0116343a2 100644
--- a/src/ui/components/OptionsKarakeep.vue
+++ b/src/ui/components/OptionsKarakeep.vue
@@ -13,8 +13,10 @@
     <v-card class="mb-4">
       <v-card-text
         id="server"
-        class="text-h5">
-        <v-icon>mdi-account-box</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-account-box</v-icon>
         {{ t('LabelOptionsServerDetails') }}
       </v-card-text>
       <v-card-text>
@@ -25,10 +27,20 @@
           @input="$emit('update:url', $event)" />
         <v-text-field
           :label="t('LabelApiKey')"
-          :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
           :type="showPassword ? 'text' : 'password'"
-          @click:append="showPassword = !showPassword"
-          @input="$emit('update:password', $event)" />
+          @input="$emit('update:password', $event)">
+          <template #append>
+            <v-icon
+              role="button"
+              tabindex="0"
+              :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+              @click="showPassword = !showPassword"
+              @keydown.enter="showPassword = !showPassword"
+              @keydown.space.prevent="showPassword = !showPassword">
+              {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+            </v-icon>
+          </template>
+        </v-text-field>
       </v-card-text>
     </v-card>
 
@@ -37,12 +49,17 @@
       class="mb-4">
       <v-card-title
         id="folder"
-        class="text-h5">
-        <v-icon>mdi-folder-outline</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
         {{ t('LabelOptionsFolderMapping') }}
       </v-card-title>
       <v-card-text>
-        <div class="text-h6">
+        <div
+          class="text-h6"
+          role="heading"
+          aria-level="3">
           {{ t('LabelServerfolder') }}
         </div>
         <div class="caption">
@@ -63,8 +80,10 @@
       class="mb-4">
       <v-card-title
         id="mobile"
-        class="text-h5">
-        <v-icon>mdi-cellphone-settings</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-cellphone-settings</v-icon>
         {{ t('LabelMobilesettings') }}
       </v-card-title>
       <v-card-text>
@@ -78,8 +97,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="sync"
-        class="text-h5">
-        <v-icon>mdi-sync-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         {{ t('LabelOptionsSyncBehavior') }}
       </v-card-title>
       <v-card-text>
@@ -106,8 +127,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="danger"
-        class="text-h5">
-        <v-icon>mdi-alert-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
         {{ t('LabelOptionsDangerous') }}
       </v-card-title>
       <v-card-text>
diff --git a/src/ui/components/OptionsLinkwarden.vue b/src/ui/components/OptionsLinkwarden.vue
index 3f67e7ef34..989b8fccb0 100644
--- a/src/ui/components/OptionsLinkwarden.vue
+++ b/src/ui/components/OptionsLinkwarden.vue
@@ -13,8 +13,10 @@
     <v-card class="mb-4">
       <v-card-text
         id="server"
-        class="text-h5">
-        <v-icon>mdi-account-box</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-account-box</v-icon>
         {{ t('LabelOptionsServerDetails') }}
       </v-card-text>
       <v-card-text>
@@ -29,10 +31,20 @@
           @input="$emit('update:username', $event)" />
         <v-text-field
           :label="t('LabelAccesstoken')"
-          :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
           :type="showPassword ? 'text' : 'password'"
-          @click:append="showPassword = !showPassword"
-          @input="$emit('update:password', $event)" />
+          @input="$emit('update:password', $event)">
+          <template #append>
+            <v-icon
+              role="button"
+              tabindex="0"
+              :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+              @click="showPassword = !showPassword"
+              @keydown.enter="showPassword = !showPassword"
+              @keydown.space.prevent="showPassword = !showPassword">
+              {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+            </v-icon>
+          </template>
+        </v-text-field>
       </v-card-text>
     </v-card>
 
@@ -41,12 +53,17 @@
       class="mb-4">
       <v-card-title
         id="folder"
-        class="text-h5">
-        <v-icon>mdi-folder-outline</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
         {{ t('LabelOptionsFolderMapping') }}
       </v-card-title>
       <v-card-text>
-        <div class="text-h6">
+        <div
+          class="text-h6"
+          role="heading"
+          aria-level="3">
           {{ t('LabelServerfolder') }}
         </div>
         <div class="caption">
@@ -67,8 +84,10 @@
       class="mb-4">
       <v-card-title
         id="mobile"
-        class="text-h5">
-        <v-icon>mdi-cellphone-settings</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-cellphone-settings</v-icon>
         {{ t('LabelMobilesettings') }}
       </v-card-title>
       <v-card-text>
@@ -82,8 +101,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="sync"
-        class="text-h5">
-        <v-icon>mdi-sync-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         {{ t('LabelOptionsSyncBehavior') }}
       </v-card-title>
       <v-card-text>
@@ -110,8 +131,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="danger"
-        class="text-h5">
-        <v-icon>mdi-alert-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
         {{ t('LabelOptionsDangerous') }}
       </v-card-title>
       <v-card-text>
diff --git a/src/ui/components/OptionsNextcloudBookmarks.vue b/src/ui/components/OptionsNextcloudBookmarks.vue
index 44c62b0cb6..1624182c32 100644
--- a/src/ui/components/OptionsNextcloudBookmarks.vue
+++ b/src/ui/components/OptionsNextcloudBookmarks.vue
@@ -12,8 +12,10 @@
     </div>
     <v-card class="mb-4">
       <v-card-title
-        id="server">
-        <v-icon>mdi-account-box</v-icon>
+        id="server"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-account-box</v-icon>
         {{ t('LabelOptionsServerDetails') }}
       </v-card-title>
       <v-card-text>
@@ -33,12 +35,17 @@
 
     <v-card class="mb-4">
       <v-card-title
-        id="folder">
-        <v-icon>mdi-folder-outline</v-icon>
+        id="folder"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
         {{ t('LabelOptionsFolderMapping') }}
       </v-card-title>
       <v-card-text>
-        <div class="text-h6">
+        <div
+          class="text-h6"
+          role="heading"
+          aria-level="3">
           {{ t('LabelServerfolder') }}
         </div>
         <div class="caption">
@@ -62,8 +69,10 @@
       class="mb-4">
       <v-card-title
         id="mobile"
-        class="text-h5">
-        <v-icon>mdi-cellphone-settings</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-cellphone-settings</v-icon>
         {{ t('LabelMobilesettings') }}
       </v-card-title>
       <v-card-text>
@@ -77,8 +86,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="sync"
-        class="text-h5">
-        <v-icon>mdi-sync-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         {{ t('LabelOptionsSyncBehavior') }}
       </v-card-title>
       <v-card-text>
@@ -114,8 +125,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="danger"
-        class="text-h5">
-        <v-icon>mdi-alert-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
         {{ t('LabelOptionsDangerous') }}
       </v-card-title>
       <v-card-text>
diff --git a/src/ui/components/OptionsWebdav.vue b/src/ui/components/OptionsWebdav.vue
index c9ff5935ea..cd01b57270 100644
--- a/src/ui/components/OptionsWebdav.vue
+++ b/src/ui/components/OptionsWebdav.vue
@@ -13,8 +13,10 @@
     <v-card class="mb-4">
       <v-card-text
         id="server"
-        class="text-h5">
-        <v-icon>mdi-account-box</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-account-box</v-icon>
         {{ t('LabelOptionsServerDetails') }}
       </v-card-text>
       <v-card-text>
@@ -29,10 +31,20 @@
           @input="$emit('update:username', $event)" />
         <v-text-field
           :label="t('LabelPassword')"
-          :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
           :type="showPassword ? 'text' : 'password'"
-          @click:append="showPassword = !showPassword"
-          @input="$emit('update:password', $event)" />
+          @input="$emit('update:password', $event)">
+          <template #append>
+            <v-icon
+              role="button"
+              tabindex="0"
+              :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+              @click="showPassword = !showPassword"
+              @keydown.enter="showPassword = !showPassword"
+              @keydown.space.prevent="showPassword = !showPassword">
+              {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+            </v-icon>
+          </template>
+        </v-text-field>
         <v-text-field
           append-icon="mdi-file-document"
           :value="bookmark_file"
@@ -55,8 +67,10 @@
       class="mb-4">
       <v-card-title
         id="folder"
-        class="text-h5">
-        <v-icon>mdi-folder-outline</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
         {{ t('LabelOptionsFolderMapping') }}
       </v-card-title>
       <v-card-text>
@@ -71,8 +85,10 @@
       class="mb-4">
       <v-card-title
         id="mobile"
-        class="text-h5">
-        <v-icon>mdi-cellphone-settings</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-cellphone-settings</v-icon>
         {{ t('LabelMobilesettings') }}
       </v-card-title>
       <v-card-text>
@@ -86,8 +102,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="sync"
-        class="text-h5">
-        <v-icon>mdi-sync-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         {{ t('LabelOptionsSyncBehavior') }}
       </v-card-title>
       <v-card-text>
@@ -114,8 +132,10 @@
     <v-card class="mb-4">
       <v-card-title
         id="danger"
-        class="text-h5">
-        <v-icon>mdi-alert-circle</v-icon>
+        class="text-h5"
+        role="heading"
+        aria-level="2">
+        <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
         {{ t('LabelOptionsDangerous') }}
       </v-card-title>
       <v-card-text>
diff --git a/src/ui/components/native/Breadcrumbs.vue b/src/ui/components/native/Breadcrumbs.vue
index 60cf76f523..3d151fca6d 100644
--- a/src/ui/components/native/Breadcrumbs.vue
+++ b/src/ui/components/native/Breadcrumbs.vue
@@ -6,7 +6,9 @@
     <template #item="{ item }">
       <v-breadcrumbs-item @click="$emit('click', item.id)">
         <template v-if="item.id === tree.id">
-          <v-icon>mdi-home</v-icon>
+          <v-icon
+            role="img"
+            :aria-label="t('LabelHome')">mdi-home</v-icon>
         </template>
         <template v-else>
           {{ item.title }}
diff --git a/src/ui/components/native/DialogChooseFolder.vue b/src/ui/components/native/DialogChooseFolder.vue
index 4a7e0ce7ad..a9b580b334 100644
--- a/src/ui/components/native/DialogChooseFolder.vue
+++ b/src/ui/components/native/DialogChooseFolder.vue
@@ -9,7 +9,10 @@
       max-height="calc(100vh - 100px)">
       <!-- Fixed header row -->
       <div class="d-flex align-center justify-space-between px-4 py-2">
-        <span class="text-h6">{{ t('LabelChoosefolder') }}</span>
+        <span
+          class="text-h6"
+          role="heading"
+          aria-level="2">{{ t('LabelChoosefolder') }}</span>
         <v-btn
           color="primary"
           @click="onSave">
@@ -30,7 +33,7 @@
           dense
           @update:active="onUpdateSelection">
           <template #prepend="{ open }">
-            <v-icon>
+            <v-icon aria-hidden="true">
               {{ open ? 'mdi-folder-open' : 'mdi-folder' }}
             </v-icon>
           </template>
@@ -41,8 +44,9 @@
             <v-btn
               small
               rounded
+              :aria-label="t('LabelAddfolder')"
               @click="onCreate(item.id)">
-              <v-icon>
+              <v-icon aria-hidden="true">
                 mdi-plus
               </v-icon>
             </v-btn>
diff --git a/src/ui/components/native/DialogEditBookmark.vue b/src/ui/components/native/DialogEditBookmark.vue
index 2a8cc36fba..98c2107b04 100644
--- a/src/ui/components/native/DialogEditBookmark.vue
+++ b/src/ui/components/native/DialogEditBookmark.vue
@@ -3,27 +3,31 @@
     v-model="display"
     max-width="500px">
     <v-card>
-      <v-card-title class="text-h5">
+      <v-card-title
+        class="text-h5"
+        role="heading"
+        aria-level="2">
         {{ isNew? t('LabelAddbookmark') : t('LabelEditbookmark') }}
       </v-card-title>
       <v-card-text>
         <v-text-field
           v-model="temporaryTitle"
-          label="Title"
+          :label="t('LabelTitle')"
           hide-details />
         <v-text-field
           v-model="temporaryUrl"
           :error="Boolean(urlError)"
           :error-messages="urlError"
-          label="Link" />
+          :label="t('LabelLink')" />
         <v-text-field
           v-model="parentTitle"
           readonly
-          label="Parent folder"
+          :label="t('LabelParentfolder')"
           @click="onTriggerFolderChooser">
           <template #append>
             <v-icon
               color="blue darken-1"
+              aria-hidden="true"
               @click="onTriggerFolderChooser">
               mdi-folder
             </v-icon>
diff --git a/src/ui/components/native/DialogEditFolder.vue b/src/ui/components/native/DialogEditFolder.vue
index 29b20c8bc1..186f4292fb 100644
--- a/src/ui/components/native/DialogEditFolder.vue
+++ b/src/ui/components/native/DialogEditFolder.vue
@@ -3,24 +3,28 @@
     v-model="display"
     max-width="500px">
     <v-card>
-      <v-card-title class="text-h5">
+      <v-card-title
+        class="text-h5"
+        role="heading"
+        aria-level="2">
         {{ isNew? t('LabelAddfolder') : t('LabelEditfolder') }}
       </v-card-title>
       <v-card-text>
         <v-text-field
           v-model="temporaryTitle"
-          label="Title"
+          :label="t('LabelTitle')"
           hide-details />
         <v-text-field
           v-model="parentTitle"
           readonly
           :error="Boolean(parentError)"
           :error-messages="parentError"
-          label="Parent folder"
+          :label="t('LabelParentfolder')"
           @click="onTriggerFolderChooser">
           <template #append>
             <v-icon
               color="blue darken-1"
+              aria-hidden="true"
               @click="onTriggerFolderChooser">
               mdi-folder
             </v-icon>
diff --git a/src/ui/components/native/DialogImportBookmarks.vue b/src/ui/components/native/DialogImportBookmarks.vue
index 3f4892a751..c386809248 100644
--- a/src/ui/components/native/DialogImportBookmarks.vue
+++ b/src/ui/components/native/DialogImportBookmarks.vue
@@ -3,7 +3,10 @@
     v-model="display"
     max-width="500px">
     <v-card>
-      <v-card-title class="text-h5">
+      <v-card-title
+        class="text-h5"
+        role="heading"
+        aria-level="2">
         {{ t('LabelImportbookmarks') }}
       </v-card-title>
       <v-card-text>
@@ -17,7 +20,7 @@
         <v-btn
           block
           @click="onTriggerFilePicker">
-          <v-icon>mdi-import</v-icon>{{ t('LabelImportbookmarks') }}
+          <v-icon aria-hidden="true">mdi-import</v-icon>{{ t('LabelImportbookmarks') }}
         </v-btn>
       </v-card-text>
       <v-card-actions>
diff --git a/src/ui/components/native/Drawer.vue b/src/ui/components/native/Drawer.vue
index fcb9bde91c..cfca9fca8f 100644
--- a/src/ui/components/native/Drawer.vue
+++ b/src/ui/components/native/Drawer.vue
@@ -7,7 +7,9 @@
     @input="$emit('update:visible')">
     <v-list-item two-line>
       <v-list-item-avatar>
-        <img src="icons/logo.svg">
+        <img
+          src="icons/logo.svg"
+          alt="">
       </v-list-item-avatar>
       <v-list-item-content>
         <v-list-item-title class="text-h6">
@@ -30,7 +32,7 @@
           link
           :to="{name: routes.TREE, params: {accountId: account.id}}">
           <v-list-item-icon>
-            <v-icon>{{ account.data.type | accountIcon }}</v-icon>
+            <v-icon aria-hidden="true">{{ account.data.type | accountIcon }}</v-icon>
           </v-list-item-icon>
           <v-list-item-title>{{ account.label }}</v-list-item-title>
         </v-list-item>
@@ -40,7 +42,7 @@
         link
         :to="{ name: routes.NEW_ACCOUNT }">
         <v-list-item-icon>
-          <v-icon>mdi-plus</v-icon>
+          <v-icon aria-hidden="true">mdi-plus</v-icon>
         </v-list-item-icon>
 
         <v-list-item-content>
@@ -53,7 +55,7 @@
         link
         :to="{name: routes.IMPORTEXPORT}">
         <v-list-item-icon>
-          <v-icon>mdi-export</v-icon>
+          <v-icon aria-hidden="true">mdi-export</v-icon>
         </v-list-item-icon>
         <v-list-item-content>
           <v-list-item-title>{{ t('LabelImportExport') }}</v-list-item-title>
@@ -64,7 +66,7 @@
         link
         :to="{name: routes.FEEDBACK}">
         <v-list-item-icon>
-          <v-icon>mdi-bullhorn-variant-outline</v-icon>
+          <v-icon aria-hidden="true">mdi-bullhorn-variant-outline</v-icon>
         </v-list-item-icon>
         <v-list-item-content>
           <v-list-item-title>{{ t('LabelGivefeedback') }}</v-list-item-title>
@@ -75,7 +77,7 @@
         link
         href="https://github.com/floccusaddon/floccus/issues">
         <v-list-item-icon>
-          <v-icon>mdi-bug-outline</v-icon>
+          <v-icon aria-hidden="true">mdi-bug-outline</v-icon>
         </v-list-item-icon>
         <v-list-item-content>
           <v-list-item-title>{{ t('LabelReportproblem') }}</v-list-item-title>
@@ -86,7 +88,7 @@
         link
         :to="{name: routes.TELEMETRY}">
         <v-list-item-icon>
-          <v-icon>mdi-bug-play-outline</v-icon>
+          <v-icon aria-hidden="true">mdi-bug-play-outline</v-icon>
         </v-list-item-icon>
         <v-list-item-content>
           <v-list-item-title>{{ t('LabelTelemetry') }}</v-list-item-title>
@@ -97,7 +99,7 @@
         link
         :to="{name: routes.ABOUT}">
         <v-list-item-icon>
-          <v-icon>mdi-information-outline</v-icon>
+          <v-icon aria-hidden="true">mdi-information-outline</v-icon>
         </v-list-item-icon>
         <v-list-item-content>
           <v-list-item-title>{{ t('LabelAbout') }}</v-list-item-title>
diff --git a/src/ui/components/native/FaviconImage.vue b/src/ui/components/native/FaviconImage.vue
index 5ac6dd6605..0258afacf8 100644
--- a/src/ui/components/native/FaviconImage.vue
+++ b/src/ui/components/native/FaviconImage.vue
@@ -3,10 +3,12 @@
     v-if="src"
     ref="img"
     :src="src"
+    alt=""
     @error="onError">
   <v-icon
     v-else
-    large>
+    large
+    aria-hidden="true">
     mdi-star
   </v-icon>
 </template>
diff --git a/src/ui/components/native/Item.vue b/src/ui/components/native/Item.vue
index e370f7789e..da961d56f4 100644
--- a/src/ui/components/native/Item.vue
+++ b/src/ui/components/native/Item.vue
@@ -8,7 +8,8 @@
       <v-icon
         v-if="item.type === 'folder'"
         color="blue darken-1"
-        large>
+        large
+        aria-hidden="true">
         mdi-folder
       </v-icon>
       <FaviconImage
@@ -38,16 +39,17 @@
         <template #activator="{ on, attrs }">
           <v-btn
             icon
+            :aria-label="t('LabelMoreactions')"
             v-bind="attrs"
             v-on="on">
-            <v-icon>mdi-dots-vertical</v-icon>
+            <v-icon aria-hidden="true">mdi-dots-vertical</v-icon>
           </v-btn>
         </template>
 
         <v-list>
           <v-list-item @click="$emit('edit')">
             <v-list-item-avatar>
-              <v-icon>mdi-pencil</v-icon>
+              <v-icon aria-hidden="true">mdi-pencil</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>
               {{ t('LabelEdititem') }}
@@ -57,7 +59,7 @@
             v-if="item.type === 'bookmark'"
             @click="$emit('share')">
             <v-list-item-avatar>
-              <v-icon>mdi-share</v-icon>
+              <v-icon aria-hidden="true">mdi-share</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>
               {{ t('LabelShareitem') }}
@@ -65,7 +67,7 @@
           </v-list-item>
           <v-list-item @click="$emit('delete')">
             <v-list-item-avatar>
-              <v-icon>mdi-delete</v-icon>
+              <v-icon aria-hidden="true">mdi-delete</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>
               {{ t('LabelDeleteitem') }}
diff --git a/src/ui/components/native/OptionAllowNetwork.vue b/src/ui/components/native/OptionAllowNetwork.vue
index 78ec6e371f..c7675801f2 100644
--- a/src/ui/components/native/OptionAllowNetwork.vue
+++ b/src/ui/components/native/OptionAllowNetwork.vue
@@ -1,6 +1,9 @@
 <template>
   <div>
-    <div class="text-h6">
+    <div
+      class="text-h6"
+      role="heading"
+      aria-level="3">
       {{ t('LabelAllownetwork') }}
     </div>
     <div class="caption">
diff --git a/src/ui/views/AccountOptions.vue b/src/ui/views/AccountOptions.vue
index e8bed09be2..dbc32d75dd 100644
--- a/src/ui/views/AccountOptions.vue
+++ b/src/ui/views/AccountOptions.vue
@@ -8,7 +8,10 @@
       <div class="overline">
         {{ data.type }}
       </div>
-      <div class="headline">
+      <div
+        class="headline"
+        role="heading"
+        aria-level="1">
         {{ folderName || t('LabelUntitledfolder') }}
       </div>
       <v-list
@@ -18,7 +21,7 @@
           link
           @click="$vuetify.goTo('#server', {duration: 0.5})">
           <v-list-item-icon>
-            <v-icon>mdi-account-box</v-icon>
+            <v-icon aria-hidden="true">mdi-account-box</v-icon>
           </v-list-item-icon>
           <v-list-item-content>
             <v-list-item-title>{{ t('LabelOptionsServerDetails') }}</v-list-item-title>
@@ -28,7 +31,7 @@
           link
           @click="$vuetify.goTo('#folder', {duration: 0.5})">
           <v-list-item-icon>
-            <v-icon>mdi-folder-outline</v-icon>
+            <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
           </v-list-item-icon>
           <v-list-item-content>
             <v-list-item-title>{{ t('LabelOptionsFolderMapping') }}</v-list-item-title>
@@ -38,7 +41,7 @@
           link
           @click="$vuetify.goTo('#sync', {duration: 0.5})">
           <v-list-item-icon>
-            <v-icon>mdi-sync-circle</v-icon>
+            <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
           </v-list-item-icon>
           <v-list-item-content>
             <v-list-item-title>{{ t('LabelOptionsSyncBehavior') }}</v-list-item-title>
@@ -48,7 +51,7 @@
           link
           @click="$vuetify.goTo('#danger', {duration: 0.5})">
           <v-list-item-icon>
-            <v-icon>mdi-alert-circle</v-icon>
+            <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
           </v-list-item-icon>
           <v-list-item-content>
             <v-list-item-title>{{ t('LabelOptionsDangerous') }}</v-list-item-title>
@@ -68,7 +71,10 @@
               <div class="overline">
                 {{ data.type }}
               </div>
-              <div class="headline">
+              <div
+                class="headline"
+                role="heading"
+                aria-level="1">
                 {{ folderName || t('LabelUntitledfolder') }}
               </div>
               <v-list
@@ -78,7 +84,7 @@
                   link
                   @click="$vuetify.goTo('#server', {duration: 0.5})">
                   <v-list-item-icon>
-                    <v-icon>mdi-account-box</v-icon>
+                    <v-icon aria-hidden="true">mdi-account-box</v-icon>
                   </v-list-item-icon>
                   <v-list-item-content>
                     <v-list-item-title>{{ t('LabelOptionsServerDetails') }}</v-list-item-title>
@@ -88,7 +94,7 @@
                   link
                   @click="$vuetify.goTo('#folder', {duration: 0.5})">
                   <v-list-item-icon>
-                    <v-icon>mdi-folder-outline</v-icon>
+                    <v-icon aria-hidden="true">mdi-folder-outline</v-icon>
                   </v-list-item-icon>
                   <v-list-item-content>
                     <v-list-item-title>{{ t('LabelOptionsFolderMapping') }}</v-list-item-title>
@@ -98,7 +104,7 @@
                   link
                   @click="$vuetify.goTo('#sync', {duration: 0.5})">
                   <v-list-item-icon>
-                    <v-icon>mdi-sync-circle</v-icon>
+                    <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
                   </v-list-item-icon>
                   <v-list-item-content>
                     <v-list-item-title>{{ t('LabelOptionsSyncBehavior') }}</v-list-item-title>
@@ -108,7 +114,7 @@
                   link
                   @click="$vuetify.goTo('#danger', {duration: 0.5})">
                   <v-list-item-icon>
-                    <v-icon>mdi-alert-circle</v-icon>
+                    <v-icon aria-hidden="true">mdi-alert-circle</v-icon>
                   </v-list-item-icon>
                   <v-list-item-content>
                     <v-list-item-title>{{ t('LabelOptionsDangerous') }}</v-list-item-title>
@@ -126,7 +132,8 @@
               </v-btn>
               <v-icon
                 v-if="saved"
-                color="green">
+                color="green"
+                aria-hidden="true">
                 mdi-check
               </v-icon>
             </div>
@@ -182,7 +189,8 @@
               </v-btn>
               <v-icon
                 v-if="saved"
-                color="green">
+                color="green"
+                aria-hidden="true">
                 mdi-check
               </v-icon>
             </div>
diff --git a/src/ui/views/Donate.vue b/src/ui/views/Donate.vue
index e25c83f636..64d1b30681 100644
--- a/src/ui/views/Donate.vue
+++ b/src/ui/views/Donate.vue
@@ -3,7 +3,9 @@
     <v-card
       class="options mt-3">
       <v-container class="pa-5">
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="1">
           {{ t("LabelFunddevelopment") }}
         </v-card-title>
         <v-card-text>
@@ -21,7 +23,10 @@
               target="_blank"
               width="48%"
               :href="processor.href">
-              <v-card-title class="white--text">
+              <v-card-title
+                class="white--text"
+                role="heading"
+                aria-level="2">
                 {{ processor.label }}
               </v-card-title>
               <v-card-text class="white--text">
diff --git a/src/ui/views/Feedback.vue b/src/ui/views/Feedback.vue
index edda6bebeb..6210d232f2 100644
--- a/src/ui/views/Feedback.vue
+++ b/src/ui/views/Feedback.vue
@@ -1,8 +1,11 @@
 <template>
   <v-container>
     <v-card class="pa-5 options">
-      <v-card-title class="ml-0 pl-0">
-        <v-icon>mdi-bullhorn-variant-outline</v-icon>{{ t('LabelGivefeedback') }}
+      <v-card-title
+        class="ml-0 pl-0"
+        role="heading"
+        aria-level="1">
+        <v-icon aria-hidden="true">mdi-bullhorn-variant-outline</v-icon>{{ t('LabelGivefeedback') }}
       </v-card-title>
       <p>{{ t('DescriptionFeedbackhowto') }}</p>
       <v-text-field
diff --git a/src/ui/views/ImportExport.vue b/src/ui/views/ImportExport.vue
index abda90d66c..e47ffe6f94 100644
--- a/src/ui/views/ImportExport.vue
+++ b/src/ui/views/ImportExport.vue
@@ -3,7 +3,9 @@
     <v-card
       class="options">
       <v-container class="pa-5">
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="1">
           {{ t("LabelExport") }}
         </v-card-title>
         <v-card-text>
@@ -13,11 +15,15 @@
             :key="i">
             <v-row>
               <v-col class="flex-grow-0">
-                <v-checkbox v-model="selected[i]" />
+                <v-checkbox
+                  v-model="selected[i]"
+                  :aria-label="getFolderName(account.fullPath)" />
               </v-col>
               <v-col>
                 <div class="text-h6">
-                  <v-icon color="primary">
+                  <v-icon
+                    color="primary"
+                    aria-hidden="true">
                     {{ account.data.localRoot === 'tabs'? 'mdi-tab' : 'mdi-folder' }}
                   </v-icon> {{ getFolderName(account.fullPath) }}
                 </div>
@@ -31,7 +37,7 @@
             block
             :disabled="!Object.values(selected).some(Boolean)"
             @click="onTriggerExport">
-            <v-icon>mdi-export</v-icon>{{ t('LabelExport') }}
+            <v-icon aria-hidden="true">mdi-export</v-icon>{{ t('LabelExport') }}
           </v-btn>
         </v-card-text>
       </v-container>
@@ -39,7 +45,9 @@
     <v-card
       class="options mt-3 mb-9">
       <v-container class="pa-5">
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="2">
           {{ t("LabelImport") }}
         </v-card-title>
         <v-card-text>
@@ -53,7 +61,7 @@
           <v-btn
             block
             @click="onTriggerFilePicker">
-            <v-icon>mdi-import</v-icon>{{ t('LabelImport') }}
+            <v-icon aria-hidden="true">mdi-import</v-icon>{{ t('LabelImport') }}
           </v-btn>
         </v-card-text>
       </v-container>
diff --git a/src/ui/views/NewAccount.vue b/src/ui/views/NewAccount.vue
index f74ed5c68e..3a9094c9c4 100644
--- a/src/ui/views/NewAccount.vue
+++ b/src/ui/views/NewAccount.vue
@@ -27,7 +27,10 @@
 
       <v-stepper-items>
         <v-stepper-content step="0">
-          <div class="headline">
+          <div
+            class="headline"
+            role="heading"
+            aria-level="2">
             {{ t('LabelChooseadapter') }}
           </div>
           <v-form>
@@ -63,8 +66,9 @@
             </v-btn>
             <v-btn
               :to="{ name: 'IMPORTEXPORT' }"
+              :aria-label="t('LabelImportExport')"
               class="mr-2">
-              <v-icon>mdi-export</v-icon>
+              <v-icon aria-hidden="true">mdi-export</v-icon>
               <template v-if="isBrowser && true">
                 {{ t('LabelImportExport') }}
               </template>
@@ -73,7 +77,10 @@
         </v-stepper-content>
 
         <v-stepper-content step="1">
-          <div class="headline">
+          <div
+            class="headline"
+            role="heading"
+            aria-level="2">
             {{ t('LabelAccountlabel') }}
           </div>
           <v-form>
@@ -100,7 +107,10 @@
 
         <v-stepper-content step="2">
           <template v-if="adapter === 'nextcloud-bookmarks'">
-            <div class="headline">
+            <div
+              class="headline"
+              role="heading"
+              aria-level="2">
               {{ t('LabelServersetup') }}
             </div>
             <v-form>
@@ -116,7 +126,8 @@
                   <v-icon
                     v-if="serverTestSuccessful"
                     color="green"
-                    title="Server connection successful">
+                    role="img"
+                    :aria-label="t('LabelServerconnectionsuccessful')">
                     mdi-check
                   </v-icon>
                 </template>
@@ -149,7 +160,10 @@
           </template>
 
           <template v-else-if="adapter === 'linkwarden'">
-            <div class="headline">
+            <div
+              class="headline"
+              role="heading"
+              aria-level="2">
               {{ t('LabelServersetup') }}
             </div>
             <v-form>
@@ -165,9 +179,19 @@
               <v-text-field
                 v-model="password"
                 :label="t('LabelAccesstoken')"
-                :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
-                :type="showPassword ? 'text' : 'password'"
-                @click:append="showPassword = !showPassword" />
+                :type="showPassword ? 'text' : 'password'">
+                <template #append>
+                  <v-icon
+                    role="button"
+                    tabindex="0"
+                    :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+                    @click="showPassword = !showPassword"
+                    @keydown.enter="showPassword = !showPassword"
+                    @keydown.space.prevent="showPassword = !showPassword">
+                    {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+                  </v-icon>
+                </template>
+              </v-text-field>
             </v-form>
             <div class="form-buttons">
               <v-btn @click="currentStep--">
@@ -182,7 +206,10 @@
           </template>
 
           <template v-else-if="adapter === 'karakeep'">
-            <div class="headline">
+            <div
+              class="headline"
+              role="heading"
+              aria-level="2">
               {{ t('LabelServersetup') }}
             </div>
             <v-form>
@@ -195,9 +222,19 @@
               <v-text-field
                 v-model="password"
                 :label="t('LabelApiKey')"
-                :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
-                :type="showPassword ? 'text' : 'password'"
-                @click:append="showPassword = !showPassword" />
+                :type="showPassword ? 'text' : 'password'">
+                <template #append>
+                  <v-icon
+                    role="button"
+                    tabindex="0"
+                    :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+                    @click="showPassword = !showPassword"
+                    @keydown.enter="showPassword = !showPassword"
+                    @keydown.space.prevent="showPassword = !showPassword">
+                    {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+                  </v-icon>
+                </template>
+              </v-text-field>
             </v-form>
             <div class="form-buttons">
               <v-btn @click="currentStep--">
@@ -212,7 +249,10 @@
           </template>
 
           <template v-else-if="adapter === 'webdav'">
-            <div class="headline">
+            <div
+              class="headline"
+              role="heading"
+              aria-level="2">
               {{ t('LabelServersetup') }}
             </div>
             <v-form>
@@ -234,18 +274,38 @@
               <v-text-field
                 v-model="password"
                 :label="t('LabelPassword')"
-                :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
-                :type="showPassword ? 'text' : 'password'"
-                @click:append="showPassword = !showPassword" />
+                :type="showPassword ? 'text' : 'password'">
+                <template #append>
+                  <v-icon
+                    role="button"
+                    tabindex="0"
+                    :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+                    @click="showPassword = !showPassword"
+                    @keydown.enter="showPassword = !showPassword"
+                    @keydown.space.prevent="showPassword = !showPassword">
+                    {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+                  </v-icon>
+                </template>
+              </v-text-field>
               <v-text-field
                 v-model="passphrase"
                 class="mt-2"
                 :label="t('LabelPassphrase')"
                 :hint="t('DescriptionPassphrase')"
                 :persistent-hint="true"
-                :append-icon="showPassphrase ? 'mdi-eye' : 'mdi-eye-off'"
-                :type="showPassphrase ? 'text' : 'password'"
-                @click:append="showPassphrase = !showPassphrase" />
+                :type="showPassphrase ? 'text' : 'password'">
+                <template #append>
+                  <v-icon
+                    role="button"
+                    tabindex="0"
+                    :aria-label="showPassphrase ? t('LabelHidepassword') : t('LabelShowpassword')"
+                    @click="showPassphrase = !showPassphrase"
+                    @keydown.enter="showPassphrase = !showPassphrase"
+                    @keydown.space.prevent="showPassphrase = !showPassphrase">
+                    {{ showPassphrase ? 'mdi-eye' : 'mdi-eye-off' }}
+                  </v-icon>
+                </template>
+              </v-text-field>
               <OptionClientCert
                 v-model="includeCredentials"
                 class="mt-2" />
@@ -263,7 +323,10 @@
           </template>
 
           <template v-else-if="adapter === 'git'">
-            <div class="headline">
+            <div
+              class="headline"
+              role="heading"
+              aria-level="2">
               {{ t('LabelServersetup') }}
             </div>
             <v-form>
@@ -277,9 +340,19 @@
               <v-text-field
                 v-model="password"
                 :label="t('LabelPassword')"
-                :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
-                :type="showPassword ? 'text' : 'password'"
-                @click:append="showPassword = !showPassword" />
+                :type="showPassword ? 'text' : 'password'">
+                <template #append>
+                  <v-icon
+                    role="button"
+                    tabindex="0"
+                    :aria-label="showPassword ? t('LabelHidepassword') : t('LabelShowpassword')"
+                    @click="showPassword = !showPassword"
+                    @keydown.enter="showPassword = !showPassword"
+                    @keydown.space.prevent="showPassword = !showPassword">
+                    {{ showPassword ? 'mdi-eye' : 'mdi-eye-off' }}
+                  </v-icon>
+                </template>
+              </v-text-field>
             </v-form>
             <div class="form-buttons">
               <v-btn @click="currentStep--">
@@ -294,7 +367,10 @@
           </template>
 
           <template v-else-if="adapter === 'google-drive'">
-            <div class="headline">
+            <div
+              class="headline"
+              role="heading"
+              aria-level="2">
               {{ t('LabelGoogledrivesetup') }}
             </div>
             <v-form class="mt-2">
@@ -321,7 +397,10 @@
           </template>
 
           <template v-else-if="adapter === 'dropbox'">
-            <div class="headline">
+            <div
+              class="headline"
+              role="heading"
+              aria-level="2">
               {{ t('LabelDropboxsetup') }}
             </div>
             <v-form class="mt-2">
@@ -349,12 +428,18 @@
         </v-stepper-content>
 
         <v-stepper-content step="3">
-          <div class="headline">
+          <div
+            class="headline"
+            role="heading"
+            aria-level="2">
             {{ t('LabelSyncfoldersetup') }}
           </div>
           <v-form>
             <template v-if="adapter === 'nextcloud-bookmarks'">
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="3">
                 {{ t('LabelServerfolder') }}
               </div>
               <div class="caption">
@@ -368,7 +453,10 @@
             </template>
 
             <template v-if="adapter === 'linkwarden'">
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="3">
                 {{ t('LabelServerfolder') }}
               </div>
               <div class="caption">
@@ -380,7 +468,10 @@
             </template>
 
             <template v-if="adapter === 'karakeep'">
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="3">
                 {{ t('LabelServerfolder') }}
               </div>
               <div class="caption">
@@ -392,7 +483,10 @@
             </template>
 
             <template v-if="adapter === 'webdav'">
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="3">
                 {{ t('LabelBookmarksfile') }}
               </div>
               <v-text-field
@@ -408,7 +502,10 @@
             </template>
 
             <template v-if="adapter === 'git'">
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="3">
                 {{ t('LabelBookmarksfile') }}
               </div>
               <v-text-field
@@ -428,7 +525,10 @@
             </template>
 
             <template v-if="adapter === 'google-drive'">
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="3">
                 {{ t('LabelBookmarksfile') }}
               </div>
               <v-text-field
@@ -440,17 +540,30 @@
                 :persistent-hint="true" />
               <v-text-field
                 v-model="passphrase"
-                :append-icon="showPassphrase ? 'mdi-eye' : 'mdi-eye-off'"
                 :type="showPassphrase ? 'text' : 'password'"
                 class="mt-2"
                 :label="t('LabelPassphrase')"
                 :hint="t('DescriptionPassphrase')"
-                :persistent-hint="true"
-                @click:append="showPassphrase = !showPassphrase" />
+                :persistent-hint="true">
+                <template #append>
+                  <v-icon
+                    role="button"
+                    tabindex="0"
+                    :aria-label="showPassphrase ? t('LabelHidepassword') : t('LabelShowpassword')"
+                    @click="showPassphrase = !showPassphrase"
+                    @keydown.enter="showPassphrase = !showPassphrase"
+                    @keydown.space.prevent="showPassphrase = !showPassphrase">
+                    {{ showPassphrase ? 'mdi-eye' : 'mdi-eye-off' }}
+                  </v-icon>
+                </template>
+              </v-text-field>
             </template>
 
             <template v-if="adapter === 'dropbox'">
-              <div class="text-h6">
+              <div
+                class="text-h6"
+                role="heading"
+                aria-level="3">
                 {{ t('LabelBookmarksfile') }}
               </div>
               <v-text-field
@@ -462,13 +575,23 @@
                 :persistent-hint="true" />
               <v-text-field
                 v-model="passphrase"
-                :append-icon="showPassphrase ? 'mdi-eye' : 'mdi-eye-off'"
                 :type="showPassphrase ? 'text' : 'password'"
                 class="mt-2"
                 :label="t('LabelPassphrase')"
                 :hint="t('DescriptionPassphrase')"
-                :persistent-hint="true"
-                @click:append="showPassphrase = !showPassphrase" />
+                :persistent-hint="true">
+                <template #append>
+                  <v-icon
+                    role="button"
+                    tabindex="0"
+                    :aria-label="showPassphrase ? t('LabelHidepassword') : t('LabelShowpassword')"
+                    @click="showPassphrase = !showPassphrase"
+                    @keydown.enter="showPassphrase = !showPassphrase"
+                    @keydown.space.prevent="showPassphrase = !showPassphrase">
+                    {{ showPassphrase ? 'mdi-eye' : 'mdi-eye-off' }}
+                  </v-icon>
+                </template>
+              </v-text-field>
             </template>
             <OptionSyncFolder
               v-if="isBrowser"
@@ -489,7 +612,10 @@
         </v-stepper-content>
 
         <v-stepper-content step="4">
-          <div class="headline">
+          <div
+            class="headline"
+            role="heading"
+            aria-level="2">
             {{ t('LabelSyncbehaviorsetup') }}
           </div>
           <v-form>
@@ -528,8 +654,11 @@
         </v-stepper-content>
 
         <v-stepper-content step="5">
-          <div class="headline">
-            {{ t('LabelAccountcreated') }} <v-icon>mdi-check</v-icon>
+          <div
+            class="headline"
+            role="heading"
+            aria-level="2">
+            {{ t('LabelAccountcreated') }} <v-icon aria-hidden="true">mdi-check</v-icon>
           </div>
           <v-form>
             <div v-if="isBrowser">
diff --git a/src/ui/views/Overview.vue b/src/ui/views/Overview.vue
index ae4359b3c2..5021197672 100644
--- a/src/ui/views/Overview.vue
+++ b/src/ui/views/Overview.vue
@@ -30,7 +30,10 @@
         v-if="!Object.keys(accountData).length"
         class="mt-12 pt-12"
         :style="{maxWidth: '300px', margin: '0 auto'}">
-        <div class="headline">
+        <div
+          class="headline"
+          role="heading"
+          aria-level="1">
           {{ t('LabelNoAccount') }}
         </div>
         <div class="body-1">
@@ -43,7 +46,7 @@
           color="primary"
           :to="{ name: routes.NEW_ACCOUNT }"
           target="_blank">
-          <v-icon>
+          <v-icon aria-hidden="true">
             mdi-plus
           </v-icon>
           {{ t('LabelNewAccount') }}
@@ -51,14 +54,16 @@
         <v-btn
           class="me-1"
           :title="t('LabelImportExport')"
+          :aria-label="t('LabelImportExport')"
           :to="{ name: routes.IMPORTEXPORT }"
           target="_blank">
-          <v-icon>mdi-export</v-icon>
+          <v-icon aria-hidden="true">mdi-export</v-icon>
         </v-btn>
         <v-btn
           :title="t('LabelSyncall')"
+          :aria-label="t('LabelSyncall')"
           @click="clickSyncAll">
-          <v-icon>mdi-sync-circle</v-icon>
+          <v-icon aria-hidden="true">mdi-sync-circle</v-icon>
         </v-btn>
       </v-container>
     </template>
diff --git a/src/ui/views/Telemetry.vue b/src/ui/views/Telemetry.vue
index d3962fdcd3..ffc10dbb68 100644
--- a/src/ui/views/Telemetry.vue
+++ b/src/ui/views/Telemetry.vue
@@ -3,7 +3,9 @@
     <v-card
       class="options mt-3">
       <v-container class="pa-5">
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="1">
           {{ t("LabelTelemetry") }}
         </v-card-title>
         <v-card-text>
@@ -29,7 +31,9 @@
             </v-radio>
           </v-radio-group>
         </v-card-text>
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="2">
           {{ t("LabelReportproblem") }}
         </v-card-title>
         <v-card-text>
diff --git a/src/ui/views/Update.vue b/src/ui/views/Update.vue
index 507bc8cff2..ad6cb3df43 100644
--- a/src/ui/views/Update.vue
+++ b/src/ui/views/Update.vue
@@ -3,12 +3,18 @@
     <v-card
       class="options mt-3">
       <v-container class="pa-5">
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="1">
           <a
             href="https://floccus.org"
-            class="d-flex align-center"><img src="/dist/icons/logo_128.png"> Cross-browser bookmark syncing</a>
+            class="d-flex align-center"><img
+              src="/dist/icons/logo_128.png"
+              alt=""> Cross-browser bookmark syncing</a>
         </v-card-title>
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="2">
           {{ t("LabelUpdated") }}
         </v-card-title>
         <v-card-text>
@@ -23,7 +29,9 @@
           </v-btn>
         </v-card-text>
         <template v-if="donateOrReview">
-          <v-card-title>
+          <v-card-title
+            role="heading"
+            aria-level="2">
             {{ t("LabelWritereview") }}
           </v-card-title>
           <v-card-text>
@@ -40,7 +48,10 @@
                 class="mr-2 mb-2"
                 target="_blank"
                 :href="platform.href">
-                <v-card-title class="white--text">
+                <v-card-title
+                  class="white--text"
+                  role="heading"
+                  aria-level="3">
                   {{ platform.label }}
                 </v-card-title>
                 <v-card-text class="white--text">
@@ -51,7 +62,9 @@
           </v-card-text>
         </template>
         <template v-else>
-          <v-card-title>
+          <v-card-title
+            role="heading"
+            aria-level="2">
             {{ t("LabelFunddevelopment") }}
           </v-card-title>
           <v-card-text>
@@ -68,7 +81,10 @@
                 class="mr-2 mb-2"
                 target="_blank"
                 :href="processor.href">
-                <v-card-title class="white--text">
+                <v-card-title
+                  class="white--text"
+                  role="heading"
+                  aria-level="3">
                   {{ processor.label }}
                 </v-card-title>
                 <v-card-text class="white--text">
@@ -78,7 +94,9 @@
             </div>
           </v-card-text>
         </template>
-        <v-card-title>
+        <v-card-title
+          role="heading"
+          aria-level="2">
           {{ t("LabelTelemetry") }}
         </v-card-title>
         <v-card-text>
diff --git a/src/ui/views/native/About.vue b/src/ui/views/native/About.vue
index 0da67869c7..1a1f5c56e6 100644
--- a/src/ui/views/native/About.vue
+++ b/src/ui/views/native/About.vue
@@ -7,13 +7,17 @@
       <v-app-bar-nav-icon
         class="mr-2 ml-n2"
         @click="drawer = !drawer" />
-      <v-app-bar-title>{{ t('LabelAbout') }}</v-app-bar-title>
+      <v-app-bar-title
+        role="heading"
+        aria-level="1">{{ t('LabelAbout') }}</v-app-bar-title>
     </v-app-bar>
     <v-main>
       <v-container>
         <v-card>
           <v-container class="pa-5">
-            <v-card-title>
+            <v-card-title
+              role="heading"
+              aria-level="2">
               {{ t("LabelCurrentversion") }}
             </v-card-title>
             <v-card-text>
@@ -25,7 +29,9 @@
         <v-card
           class="mt-3 mb-16">
           <v-container class="pa-5">
-            <v-card-title>
+            <v-card-title
+              role="heading"
+              aria-level="2">
               {{ t("LabelContributors") }}
             </v-card-title>
             <v-card-text>
diff --git a/src/ui/views/native/AddBookmarkIntent.vue b/src/ui/views/native/AddBookmarkIntent.vue
index 721293b5c6..1ab0690873 100644
--- a/src/ui/views/native/AddBookmarkIntent.vue
+++ b/src/ui/views/native/AddBookmarkIntent.vue
@@ -3,14 +3,16 @@
     <v-app-bar
       fixed
       app>
-      <v-app-bar-title>Add Bookmark</v-app-bar-title>
+      <v-app-bar-title
+        role="heading"
+        aria-level="1">{{ t('LabelAddbookmark') }}</v-app-bar-title>
       <v-spacer />
       <v-btn
         color="blue darken-1"
         text
         elevation="1"
         @click="onSave">
-        Save
+        {{ t('LabelSave') }}
       </v-btn>
     </v-app-bar>
     <v-main>
@@ -32,10 +34,10 @@
             :items="accounts"
             @change="$router.push({name: routes.ADD_BOOKMARK, params: {url, accountId: $event}})">
             <template #prepend-inner>
-              <v-icon>{{ account.data.type | accountIcon }}</v-icon>
+              <v-icon aria-hidden="true">{{ account.data.type | accountIcon }}</v-icon>
             </template>
             <template #item="{item}">
-              <v-icon>{{ item.data.type | accountIcon }}</v-icon> {{ item.label }}
+              <v-icon aria-hidden="true">{{ item.data.type | accountIcon }}</v-icon> {{ item.label }}
             </template>
           </v-select>
           <v-alert
@@ -49,21 +51,22 @@
           </v-alert>
           <v-text-field
             v-model="title"
-            label="Title"
+            :label="t('LabelTitle')"
             hide-details />
           <v-text-field
             v-model="url"
             :error="Boolean(urlError)"
             :error-messages="urlError"
-            label="Link" />
+            :label="t('LabelLink')" />
           <v-text-field
             v-model="parentTitle"
             readonly
-            label="Parent folder"
+            :label="t('LabelParentfolder')"
             @click="onTriggerFolderChooser">
             <template #append>
               <v-icon
                 color="blue darken-1"
+                aria-hidden="true"
                 @click="onTriggerFolderChooser">
                 mdi-folder
               </v-icon>
diff --git a/src/ui/views/native/Feedback.vue b/src/ui/views/native/Feedback.vue
index aaab8b4099..6780525908 100644
--- a/src/ui/views/native/Feedback.vue
+++ b/src/ui/views/native/Feedback.vue
@@ -7,7 +7,9 @@
       <v-app-bar-nav-icon
         class="mr-2 ml-n2"
         @click="drawer = !drawer" />
-      <v-app-bar-title>{{ t('LabelGivefeedback') }}</v-app-bar-title>
+      <v-app-bar-title
+        role="heading"
+        aria-level="1">{{ t('LabelGivefeedback') }}</v-app-bar-title>
     </v-app-bar>
     <v-main>
       <v-container>
diff --git a/src/ui/views/native/ImportExport.vue b/src/ui/views/native/ImportExport.vue
index ad079b706b..5335709fb6 100644
--- a/src/ui/views/native/ImportExport.vue
+++ b/src/ui/views/native/ImportExport.vue
@@ -7,7 +7,9 @@
       <v-app-bar-nav-icon
         class="mr-2 ml-n2"
         @click="drawer = !drawer" />
-      <v-app-bar-title>{{ t('LabelImportExport') }}</v-app-bar-title>
+      <v-app-bar-title
+        role="heading"
+        aria-level="1">{{ t('LabelImportExport') }}</v-app-bar-title>
     </v-app-bar>
     <v-main>
       <ImportExportContent />
diff --git a/src/ui/views/native/Options.vue b/src/ui/views/native/Options.vue
index 6dc94b9229..1e35b6ede5 100644
--- a/src/ui/views/native/Options.vue
+++ b/src/ui/views/native/Options.vue
@@ -5,10 +5,13 @@
       app>
       <v-btn
         icon
+        :aria-label="t('LabelBack')"
         :to="{name: routes.TREE, params: {accountId: id}}">
-        <v-icon>mdi-arrow-left</v-icon>
+        <v-icon aria-hidden="true">mdi-arrow-left</v-icon>
       </v-btn>
-      <v-app-bar-title>{{ t('LabelOptions') }}</v-app-bar-title>
+      <v-app-bar-title
+        role="heading"
+        aria-level="1">{{ t('LabelOptions') }}</v-app-bar-title>
       <v-spacer />
       <v-btn
         color="blue darken-1"
diff --git a/src/ui/views/native/Telemetry.vue b/src/ui/views/native/Telemetry.vue
index 296a76e413..5040a9a2b7 100644
--- a/src/ui/views/native/Telemetry.vue
+++ b/src/ui/views/native/Telemetry.vue
@@ -5,7 +5,9 @@
         <v-card
           class="options mt-3">
           <v-container class="pa-5">
-            <v-card-title>
+            <v-card-title
+              role="heading"
+              aria-level="2">
               {{ t("LabelTelemetry") }}
             </v-card-title>
             <v-card-text>
@@ -31,7 +33,9 @@
                 </v-radio>
               </v-radio-group>
             </v-card-text>
-            <v-card-title>
+            <v-card-title
+              role="heading"
+              aria-level="2">
               {{ t("LabelReportproblem") }}
             </v-card-title>
             <v-card-text>
diff --git a/src/ui/views/native/Tree.vue b/src/ui/views/native/Tree.vue
index 286ac7db18..e08a5ae0ea 100644
--- a/src/ui/views/native/Tree.vue
+++ b/src/ui/views/native/Tree.vue
@@ -12,8 +12,9 @@
         v-else
         icon
         class="mr-2 ml-n2"
+        :aria-label="t('LabelBack')"
         @click="goBack">
-        <v-icon>mdi-arrow-left</v-icon>
+        <v-icon aria-hidden="true">mdi-arrow-left</v-icon>
       </v-btn>
       <v-spacer />
       <template v-if="searchQuery">
@@ -22,7 +23,9 @@
           color="white"
           :size="20"
           indeterminate />
-        <v-icon v-else>
+        <v-icon
+          v-else
+          aria-hidden="true">
           mdi-magnify
         </v-icon>
       </template>
@@ -42,9 +45,12 @@
       <v-btn
         v-if="!searchQuery"
         icon
+        :aria-label="t('LabelSyncnow')"
         :disabled="Boolean(syncing) || Boolean(scheduled) || !currentAccount"
         @click="onTriggerSync">
-        <v-icon :class="{ 'sync--active': Boolean(syncing) }">
+        <v-icon
+          aria-hidden="true"
+          :class="{ 'sync--active': Boolean(syncing) }">
           {{ scheduled ? 'mdi-timer-sync-outline' : 'mdi-sync' }}
         </v-icon>
       </v-btn>
@@ -56,16 +62,17 @@
         <template #activator="{ on, attrs }">
           <v-btn
             icon
+            :aria-label="t('LabelSortby')"
             v-bind="attrs"
             v-on="on">
-            <v-icon>{{ sortIcons[sortBy] }}</v-icon>
+            <v-icon aria-hidden="true">{{ sortIcons[sortBy] }}</v-icon>
           </v-btn>
         </template>
 
         <v-list>
           <v-list-item @click="sortBy = 'title'">
             <v-list-item-avatar>
-              <v-icon>{{ sortIcons['title'] }}</v-icon>
+              <v-icon aria-hidden="true">{{ sortIcons['title'] }}</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>
               {{ t('LabelSorttitle') }}
@@ -73,7 +80,7 @@
           </v-list-item>
           <v-list-item @click="sortBy = 'url'">
             <v-list-item-avatar>
-              <v-icon>{{ sortIcons['url'] }}</v-icon>
+              <v-icon aria-hidden="true">{{ sortIcons['url'] }}</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>
               {{ t('LabelSorturl') }}
@@ -81,7 +88,7 @@
           </v-list-item>
           <v-list-item @click="sortBy = 'index'">
             <v-list-item-avatar>
-              <v-icon>{{ sortIcons['index'] }}</v-icon>
+              <v-icon aria-hidden="true">{{ sortIcons['index'] }}</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>
               {{ t('LabelSortcustom') }}
@@ -97,9 +104,10 @@
         <template #activator="{ on, attrs }">
           <v-btn
             icon
+            :aria-label="t('LabelMoreactions')"
             v-bind="attrs"
             v-on="on">
-            <v-icon>mdi-dots-vertical</v-icon>
+            <v-icon aria-hidden="true">mdi-dots-vertical</v-icon>
           </v-btn>
         </template>
 
@@ -112,7 +120,7 @@
               })
             ">
             <v-list-item-avatar>
-              <v-icon>mdi-cog</v-icon>
+              <v-icon aria-hidden="true">mdi-cog</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>{{ t('LabelOptions') }}</v-list-item-title>
           </v-list-item>
@@ -122,7 +130,7 @@
             "
             @click="onTriggerSync('up')">
             <v-list-item-avatar>
-              <v-icon>mdi-arrow-up-bold</v-icon>
+              <v-icon aria-hidden="true">mdi-arrow-up-bold</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>{{ t('LabelSyncUpOnce') }}</v-list-item-title>
           </v-list-item>
@@ -132,7 +140,7 @@
             "
             @click="onTriggerSync('down')">
             <v-list-item-avatar>
-              <v-icon>mdi-arrow-down-bold</v-icon>
+              <v-icon aria-hidden="true">mdi-arrow-down-bold</v-icon>
             </v-list-item-avatar>
             <v-list-item-title>
               {{ t('LabelSyncDownOnce') }}
@@ -154,7 +162,7 @@
           :items="breadcrumbs"
           @click="currentFolderId = $event" />
         <v-card-text v-else>
-          <v-icon>mdi-home</v-icon>
+          <v-icon aria-hidden="true">mdi-home</v-icon>
           {{ currentAccount ? currentAccount.label : '' }}
         </v-card-text>
       </v-card>
@@ -226,6 +234,7 @@
         }">
         <img
           src="icons/tree-swing.svg"
+          alt=""
           :style="{ width: '95%', maxHeight: '40vh' }">
         <h3 class="text-center headline mt-5">
           {{ t('LabelNobookmarks') }}
@@ -235,7 +244,7 @@
         <v-list-item
           v-if="searchQuery && otherSearchItems && otherSearchItems.length">
           <v-list-item-avatar>
-            <v-icon>mdi-select-search</v-icon>
+            <v-icon aria-hidden="true">mdi-select-search</v-icon>
           </v-list-item-avatar>
           {{ t('LabelSearchresultsotherfolders') }}
         </v-list-item>
@@ -266,11 +275,16 @@
             v-model="fab"
             color="blue darken-1"
             dark
-            fab>
-            <v-icon v-if="fab">
+            fab
+            :aria-label="t('LabelAdd')">
+            <v-icon
+              v-if="fab"
+              aria-hidden="true">
               mdi-close
             </v-icon>
-            <v-icon v-else>
+            <v-icon
+              v-else
+              aria-hidden="true">
               mdi-plus
             </v-icon>
           </v-btn>
@@ -280,24 +294,27 @@
           dark
           small
           fab
+          :aria-label="t('LabelAddfolder')"
           @click="addFolder">
-          <v-icon>mdi-folder</v-icon>
+          <v-icon aria-hidden="true">mdi-folder</v-icon>
         </v-btn>
         <v-btn
           color="blue darken-1"
           dark
           small
           fab
+          :aria-label="t('LabelAddbookmark')"
           @click="addBookmark">
-          <v-icon>mdi-star</v-icon>
+          <v-icon aria-hidden="true">mdi-star</v-icon>
         </v-btn>
         <v-btn
           color="blue darken-1"
           dark
           small
           fab
+          :aria-label="t('LabelImportbookmarks')"
           @click="importBookmarks">
-          <v-icon>mdi-import</v-icon>
+          <v-icon aria-hidden="true">mdi-import</v-icon>
         </v-btn>
       </v-speed-dial>
     </v-main>
diff --git a/src/ui/views/native/Update.vue b/src/ui/views/native/Update.vue
index 421ec72c2a..8fb8c69738 100644
--- a/src/ui/views/native/Update.vue
+++ b/src/ui/views/native/Update.vue
@@ -4,12 +4,18 @@
       <v-card
         class="options mt-3">
         <v-container class="pa-5">
-          <v-card-title>
+          <v-card-title
+            role="heading"
+            aria-level="1">
             <a
               href="https://floccus.org"
-              class="d-flex align-center"><img src="/icons/logo_128.png"> Cross-browser bookmark syncing</a>
+              class="d-flex align-center"><img
+                src="/icons/logo_128.png"
+                alt=""> Cross-browser bookmark syncing</a>
           </v-card-title>
-          <v-card-title>
+          <v-card-title
+            role="heading"
+            aria-level="2">
             {{ t("LabelUpdated") }}
           </v-card-title>
           <v-card-text>
@@ -24,7 +30,9 @@
             </v-btn>
           </v-card-text>
           <template v-if="donateOrReview">
-            <v-card-title>
+            <v-card-title
+              role="heading"
+              aria-level="2">
               {{ t("LabelWritereview") }}
             </v-card-title>
             <v-card-text>
@@ -52,7 +60,9 @@
             </v-card-text>
           </template>
           <template v-else>
-            <v-card-title>
+            <v-card-title
+              role="heading"
+              aria-level="2">
               {{ t("LabelFunddevelopment") }}
             </v-card-title>
             <v-card-text>
@@ -79,7 +89,9 @@
               </div>
             </v-card-text>
           </template>
-          <v-card-title>
+          <v-card-title
+            role="heading"
+            aria-level="2">
             {{ t("LabelTelemetry") }}
           </v-card-title>
           <v-card-text>