Fix some accessibility issues on links and buttons

This commit is contained in:
2022-06-27 13:57:54 +02:00
parent d72dec2443
commit 91c55b46cf

View File

@@ -316,6 +316,7 @@
url={previousUrl} url={previousUrl}
color="purple" color="purple"
class="close shadow-box-dark" class="close shadow-box-dark"
label="Close"
> >
<svg width="12" height="12"> <svg width="12" height="12">
<use xlink:href="#cross"> <use xlink:href="#cross">
@@ -342,10 +343,10 @@
{/each} {/each}
<div class="photo-page__controls"> <div class="photo-page__controls">
<ButtonCircle class="prev shadow-box-dark" disabled={!canGoNext} clone={true} on:click={goToPrevious}> <ButtonCircle class="prev shadow-box-dark" label="Previous" disabled={!canGoNext} clone={true} on:click={goToPrevious}>
<IconArrow color="pink" flip={true} /> <IconArrow color="pink" flip={true} />
</ButtonCircle> </ButtonCircle>
<ButtonCircle class="next shadow-box-dark" disabled={!canGoPrev} clone={true} on:click={goToNext}> <ButtonCircle class="next shadow-box-dark" label="Next" disabled={!canGoPrev} clone={true} on:click={goToNext}>
<IconArrow color="pink" /> <IconArrow color="pink" />
</ButtonCircle> </ButtonCircle>
</div> </div>