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

A11y: make review-form more accessible, disable minimap for screenreaders

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-12-25 22:48:29 +01:00
parent de5d10ffa7
commit df6e47faa8
4 changed files with 19 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/UI/Map/MaplibreMap.svelte
View file

@ -19,6 +19,8 @@
*/
export let map: Writable<Map>
export let interactive: boolean = true
let container: HTMLElement
export let center: { lng: number; lat: number } | Readable<{ lng: number; lat: number }> =
@ -48,12 +50,17 @@
window.requestAnimationFrame(() => {
_map.resize()
})
_map.on("load", function () {
_map.on("load", function() {
_map.resize()
const canvas = _map.getCanvas()
ariaLabel(canvas, Translations.t.general.visualFeedback.navigation)
canvas.role = "application"
canvas.tabIndex = 0
const canvas = _map.getCanvas()
if (interactive) {
ariaLabel(canvas, Translations.t.general.visualFeedback.navigation)
canvas.role = "application"
canvas.tabIndex = 0
}else{
canvas.tabIndex = -1
_map.getContainer().tabIndex = -1
}
})
map.set(_map)
})