chore(a11y): improve component roles

2022-03-01 12:11:53 +05:30
parent b3d0d4d86b
commit 9bd55b6db5
39 changed files with 498 additions and 420 deletions
--- a/packages/hoppscotch-app/components/smart/ChangeLanguage.vue
+++ b/packages/hoppscotch-app/components/smart/ChangeLanguage.vue
@@ -15,18 +15,20 @@
          />
        </span>
      </template>
-      <NuxtLink
-        v-for="(locale, index) in $i18n.locales"
-        :key="`locale-${index}`"
-        :to="switchLocalePath(locale.code)"
-        @click="language.tippy().hide()"
-      >
-        <SmartItem
-          :label="locale.name"
-          :active-info-icon="$i18n.locale === locale.code"
-          :info-icon="$i18n.locale === locale.code ? 'done' : null"
-        />
-      </NuxtLink>
+      <div class="flex flex-col" role="menu">
+        <NuxtLink
+          v-for="(locale, index) in $i18n.locales"
+          :key="`locale-${index}`"
+          :to="switchLocalePath(locale.code)"
+          @click="language.tippy().hide()"
+        >
+          <SmartItem
+            :label="locale.name"
+            :active-info-icon="$i18n.locale === locale.code"
+            :info-icon="$i18n.locale === locale.code ? 'done' : null"
+          />
+        </NuxtLink>
+      </div>
    </tippy>
  </span>
 </template>