feat(a11y): add semantic markup to language settings (#2812)

This commit is contained in:
Joaquín Sánchez 2024-05-29 05:42:54 +02:00 committed by GitHub
parent 0b207c3bb5
commit 7047968cfc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

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