Fix some accessibility issues on links without text
This commit is contained in:
@@ -36,7 +36,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="button-control button-control--dashed switcher__icon">
|
<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
|
<IconGlobe
|
||||||
color={type.includes('side') ? '#333' : '#fff'}
|
color={type.includes('side') ? '#333' : '#fff'}
|
||||||
width={type.includes('side') ? 18 : 24}
|
width={type.includes('side') ? 18 : 24}
|
||||||
|
|||||||
@@ -128,7 +128,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</h1>
|
</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">
|
<span class="center">
|
||||||
<IconGlobe width="44" color="#fff" />
|
<IconGlobe width="44" color="#fff" />
|
||||||
<span>Change</span>
|
<span>Change</span>
|
||||||
|
|||||||
@@ -120,7 +120,7 @@
|
|||||||
<p class="tip">Tap for fullscreen</p>
|
<p class="tip">Tap for fullscreen</p>
|
||||||
|
|
||||||
<div class="buttons">
|
<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} />
|
<IconGlobe color="#fff" width={windowWidth >= 768 ? 22 : 18} />
|
||||||
<svg>
|
<svg>
|
||||||
<circle cx="50%" cy="50%" r="{windowWidth >= 768 ? 32 : 24}px"></circle>
|
<circle cx="50%" cy="50%" r="{windowWidth >= 768 ? 32 : 24}px"></circle>
|
||||||
|
|||||||
Reference in New Issue
Block a user