From 29834a5b95a60ced5ff8d280bc5a645b6a2ff6d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 11 Mar 2020 10:31:11 +0100
Subject: [PATCH] Fix some accessibility issues on links without text

---
 src/molecules/Switcher.svelte                         | 2 +-
 src/routes/location/[country]/[place].svelte          | 2 +-
 src/routes/viewer/[country]/[location]/[photo].svelte | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/molecules/Switcher.svelte b/src/molecules/Switcher.svelte
index b1027d4..14cf2ef 100644
--- a/src/molecules/Switcher.svelte
+++ b/src/molecules/Switcher.svelte
@@ -36,7 +36,7 @@
     </div>
 
     <div class="button-control button-control--dashed switcher__icon">
-        <a href="/choose" sapper-noscroll>
+        <a href="/choose" aria-label="Change the location" sapper-noscroll>
             <IconGlobe
                 color={type.includes('side') ? '#333' : '#fff'}
                 width={type.includes('side') ? 18 : 24}
diff --git a/src/routes/location/[country]/[place].svelte b/src/routes/location/[country]/[place].svelte
index 92fc2bd..a91b169 100644
--- a/src/routes/location/[country]/[place].svelte
+++ b/src/routes/location/[country]/[place].svelte
@@ -128,7 +128,7 @@
             </span>
         </h1>
 
-        <a href="/choose" class="button-control button-control--big button-control--dashed" sapper-noscroll>
+        <a href="/choose" class="button-control button-control--big button-control--dashed" aria-label="Change the location" sapper-noscroll>
             <span class="center">
                 <IconGlobe width="44" color="#fff" />
                 <span>Change</span>
diff --git a/src/routes/viewer/[country]/[location]/[photo].svelte b/src/routes/viewer/[country]/[location]/[photo].svelte
index 4be9e79..446fe6b 100644
--- a/src/routes/viewer/[country]/[location]/[photo].svelte
+++ b/src/routes/viewer/[country]/[location]/[photo].svelte
@@ -120,7 +120,7 @@
         <p class="tip">Tap for fullscreen</p>
 
         <div class="buttons">
-            <a href="/choose" class="button-control button-control--dashed">
+            <a href="/choose" class="button-control button-control--dashed" aria-label="Change the location">
                 <IconGlobe color="#fff" width={windowWidth >= 768 ? 22 : 18} />
                 <svg>
                     <circle cx="50%" cy="50%" r="{windowWidth >= 768 ? 32 : 24}px"></circle>