Fix some accessibility issues on links and buttons
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user