flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add aria-label to Globe markers

Browse Source
This commit is contained in:
Félix Péault
2022-09-27 10:17:49 +02:00
parent fb03377d77
commit c618a95188
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/organisms/InteractiveGlobe.svelte
View File

@@ -131,7 +131,7 @@
<ul class="globe__markers"> <ul class="globe__markers">
{#each markers as { name, slug, country, lat, lng }} {#each markers as { name, slug, country, lat, lng }}
<li class="globe__marker" data-location={slug} data-lat={lat} data-lng={lng}> <li class="globe__marker" data-location={slug} data-lat={lat} data-lng={lng}>
<a href="/{country.slug}/{slug}" data-sveltekit-noscroll <a href="/{country.slug}/{slug}" aria-label={name} data-sveltekit-noscroll
on:mouseenter={() => hoveredMarker = { name, country: country.name }} on:mouseenter={() => hoveredMarker = { name, country: country.name }}
on:mouseleave={() => hoveredMarker = null} on:mouseleave={() => hoveredMarker = null}
> >