22332897387

Committed 24 Feb 2026 01:39AM UTC coverage: 79.478%. First build

Build # 22332897387

Build Type

Pull #351

github

Committed by

web-flow

Commit Message

Merge c2e077c46 into e6ae58345

Pull Request Pull Request #351: Fix accessibility violations: add landmarks, skip link, heading, and button labels

Coverage Stats

1684 of 1860 branches covered (90.54%)

Branch coverage included in aggregate %.

2 of 5 new or added lines in 4 files covered. (40.0%)

10740 of 13772 relevant lines covered (77.98%)

4.21 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/lib/LocationButton/LocationButton.svelte

<script>
        import { onMount } from 'svelte';
        import { FontAwesomeIcon } from '@fortawesome/svelte-fontawesome';
        import { faLocationCrosshairs } from '@fortawesome/free-solid-svg-icons';
        import { t } from 'svelte-i18n';

        let { handleLocationObtained } = $props();

        let button = $state();

        function handleClick() {
                if (!navigator.geolocation) {
                        alert('Geolocation is not supported by this browser.');
                        return;
                }

                navigator.geolocation.getCurrentPosition(
                        (position) => {
                                const { latitude, longitude } = position.coords;
                                handleLocationObtained(latitude, longitude);
                        },
                        () => {
                                alert('Unable to retrieve your location.');
                        }
                );
        }

        onMount(() => {
                button.addEventListener('click', handleClick);
        });
</script>

<button
        bind:this={button}
        class="custom-map-control-button"
        aria-label={$t('map.find_my_location')}
>
        <FontAwesomeIcon icon={faLocationCrosshairs} />
</button>

<style>
        .custom-map-control-button {
                background-color: #fff;
                border: 0;
                border-radius: 2px;
                box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
                margin: 10px;
                padding: 0 0.3em;
                font-size: 25px;
                color: #666;
                overflow: hidden;
                height: 40px;
                cursor: pointer;
                position: absolute;
                bottom: 4em;
                right: 0;
                z-index: 5;
        }
        .custom-map-control-button:hover {
                background: rgb(235, 235, 235);
                color: black;
        }
</style>

1	<script>	×
2	import { onMount } from 'svelte';
3	import { FontAwesomeIcon } from '@fortawesome/svelte-fontawesome';
4	import { faLocationCrosshairs } from '@fortawesome/free-solid-svg-icons';
5	import { t } from 'svelte-i18n';
6
7	let { handleLocationObtained } = $props();
8
9	let button = $state();	×
10
11	function handleClick() {	×
12	if (!navigator.geolocation) {	×
13	alert('Geolocation is not supported by this browser.');	×
14	return;
15	}
16
17	navigator.geolocation.getCurrentPosition(	×
18	(position) => {	×
19	const { latitude, longitude } = position.coords;	×
20	handleLocationObtained(latitude, longitude);	×
21	},
22	() => {
23	alert('Unable to retrieve your location.');	×
24	}
25	);
26	}
27
28	onMount(() => {	×
29	button.addEventListener('click', handleClick);	×
30	});
31	</script>
32
33	<button
NEW 34	bind:this={button}	×
35	class="custom-map-control-button"
NEW 36	aria-label={$t('map.find_my_location')}	×
37	>
38	<FontAwesomeIcon icon={faLocationCrosshairs} />	×
39	</button>
40
41	<style>
42	.custom-map-control-button {
43	background-color: #fff;
44	border: 0;
45	border-radius: 2px;
46	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
47	margin: 10px;
48	padding: 0 0.3em;
49	font-size: 25px;
50	color: #666;
51	overflow: hidden;
52	height: 40px;
53	cursor: pointer;
54	position: absolute;
55	bottom: 4em;
56	right: 0;
57	z-index: 5;
58	}
59	.custom-map-control-button:hover {
60	background: rgb(235, 235, 235);
61	color: black;
62	}
63	</style>

OneBusAway / wayfinder / 22332897387

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous