web: move all strings to i18n & improve a11y

- omnibox is now fully usable with a screen reader
- back button is now interpreted as such
- subtext now accepts line breaks
This commit is contained in:
wukko
2024-07-03 23:54:44 +06:00
parent 70339b7ae9
commit 97d381e993
25 changed files with 282 additions and 90 deletions

View File

@@ -1,9 +1,11 @@
<script lang="ts">
import { t } from "$lib/i18n/translations";
export let sectionTitle: string;
</script>
<section id="settings-section">
<div id="settings-section-title">{sectionTitle}</div>
<div id="settings-section-title">{$t(`settings.section.${sectionTitle}`)}</div>
<div id="settings-section-categories">
<slot></slot>
</div>

View File

@@ -1,6 +1,8 @@
<script lang="ts">
import { page } from "$app/stores";
import { t } from "$lib/i18n/translations";
import IconChevronRight from "@tabler/icons-svelte/IconChevronRight.svelte";
export let tabName: string;
@@ -20,7 +22,7 @@
<div class="tab-icon" style="background: var(--{iconColor})">
<slot></slot>
</div>
<span>{tabName}</span>
<span>{$t(`settings.page.${tabName}`)}</span>
</div>
<div class="settings-tab-chevron">
<IconChevronRight />