From 7047968cfc9b1a435eedc7715b0da062744cf1e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joaqu=C3=ADn=20S=C3=A1nchez?= <userquin@gmail.com>
Date: Wed, 29 May 2024 05:42:54 +0200
Subject: [PATCH] feat(a11y): add semantic markup to language settings (#2812)

---
 pages/settings/language/index.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/pages/settings/language/index.vue b/pages/settings/language/index.vue
index 9359af71..a9d67cb3 100644
--- a/pages/settings/language/index.vue
+++ b/pages/settings/language/index.vue
@@ -22,7 +22,7 @@ const status = computed(() => {
       </div>
     </template>
     <div p6>
-      <div space-y-2>
+      <section space-y-2>
         <h2 py2 font-bold text-xl flex="~ gap-1" items-center>
           {{ $t('settings.language.display_language') }}
         </h2>
@@ -38,8 +38,8 @@ const status = computed(() => {
           <span inline-block i-ri:information-line />
           {{ $t('settings.language.how_to_contribute') }}
         </NuxtLink>
-      </div>
-      <div mt4>
+      </section>
+      <section mt4>
         <h2 font-bold text-xl flex="~ gap-1" items-center>
           {{ $t('settings.language.post_language') }}
         </h2>
@@ -52,11 +52,13 @@ const status = computed(() => {
           :to="`https://${currentUser!.server}/settings/preferences/other`"
           external target="_blank"
         />
-      </div>
-      <h2 py4 mt2 font-bold text-xl flex="~ gap-1" items-center>
-        {{ $t('settings.language.translations.heading') }}
-      </h2>
-      <SettingsTranslations />
+      </section>
+      <section>
+        <h2 py4 mt2 font-bold text-xl flex="~ gap-1" items-center>
+          {{ $t('settings.language.translations.heading') }}
+        </h2>
+        <SettingsTranslations />
+      </section>
     </div>
   </MainContent>
 </template>