elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

UI: fix #1848, explicitly add element to help screen readers pronounce everything correctly

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-05-26 22:48:59 +02:00
parent cecfaebf5b
commit 9832aa45f0
6 changed files with 94 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/UI/Popup/TagRendering/SpecialTranslation.svelte
View file

@ -4,7 +4,7 @@
import Locale from "../../i18n/Locale"
import type {
RenderingSpecification,
SpecialVisualizationState,
SpecialVisualizationState
} from "../../SpecialVisualization"
import { Utils } from "../../../Utils.js"
import type { Feature } from "geojson"
@ -25,11 +25,13 @@
export let layer: LayerConfig | undefined
let language = Locale.language
let lang = t.actualLanguage($language)
let txt: string = t.textFor($language)
let specs: RenderingSpecification[] = []
$: {
try {
txt = t.textFor($language)
lang = t.actualLanguage($language)
if (txt !== undefined) {
let key = "cached_special_spec_" + $language
specs = t[key]
@ -61,13 +63,15 @@
}
</script>
{#each specs as specpart}
{#if typeof specpart === "string"}
<span>
<FromHtml src={Utils.SubstituteKeys(specpart, $tags)} />
<WeblateLink context={t.context} />
</span>
{:else if $tags !== undefined}
<ToSvelte construct={() => createVisualisation(specpart)} />
{/if}
{/each}
<span {lang}>
{#each specs as specpart}
{#if typeof specpart === "string"}
<span>
{@html Utils.purify(Utils.SubstituteKeys(specpart, $tags)) }
<WeblateLink context={t.context} />
</span>
{:else if $tags !== undefined}
<ToSvelte construct={() => createVisualisation(specpart)} />
{/if}
{/each}
</span>