feat(a11y): add semantic markup to language settings (#2812)
This commit is contained in:
parent
0b207c3bb5
commit
7047968cfc
|
@ -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>
|
||||||
|
<section>
|
||||||
<h2 py4 mt2 font-bold text-xl flex="~ gap-1" items-center>
|
<h2 py4 mt2 font-bold text-xl flex="~ gap-1" items-center>
|
||||||
{{ $t('settings.language.translations.heading') }}
|
{{ $t('settings.language.translations.heading') }}
|
||||||
</h2>
|
</h2>
|
||||||
<SettingsTranslations />
|
<SettingsTranslations />
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</MainContent>
|
</MainContent>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue