feat(a11y): add semantic markup to language settings

userquin/feat-include-semantic-markup-in-language-settings
userquin 2024-04-13 15:40:12 +02:00
rodzic 6bb9ad0511
commit 92fca61495
1 zmienionych plików z 10 dodań i 8 usunięć

Wyświetl plik

@ -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>