More accessibility fixes
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
@@ -61,7 +61,7 @@
|
|||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="toggle" role="switch" bind:this={toggleEl}>
|
<div class="toggle" role="switch" aria-checked="true" bind:this={toggleEl}>
|
||||||
<button data-layout="list" class:active={layoutSetting === 'list'} on:click={toggleLayout}>
|
<button data-layout="list" class:active={layoutSetting === 'list'} on:click={toggleLayout}>
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="17" viewBox="0 0 19 17">
|
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="17" viewBox="0 0 19 17">
|
||||||
<g class="anim">
|
<g class="anim">
|
||||||
|
|||||||
@@ -174,6 +174,7 @@
|
|||||||
on:click={openFullscreen}
|
on:click={openFullscreen}
|
||||||
role="tabpanel"
|
role="tabpanel"
|
||||||
aria-label="Photo {index + 1} of {photos.length}"
|
aria-label="Photo {index + 1} of {photos.length}"
|
||||||
|
aria-hidden={index !== currentIndex}
|
||||||
>
|
>
|
||||||
<picture class="gallery__picture">
|
<picture class="gallery__picture">
|
||||||
<source media="(min-width: 968px)" data-srcset={getThumbnail(image.private_hash, 1200)}>
|
<source media="(min-width: 968px)" data-srcset={getThumbnail(image.private_hash, 1200)}>
|
||||||
|
|||||||
@@ -41,6 +41,7 @@
|
|||||||
on:click={displayMorePhotos}
|
on:click={displayMorePhotos}
|
||||||
on:mouseenter={() => pageTranslate = pageTranslate - (100 / pagesTotal) * 0.666}
|
on:mouseenter={() => pageTranslate = pageTranslate - (100 / pagesTotal) * 0.666}
|
||||||
on:mouseleave={() => pageTranslate = pageTranslate + (100 / pagesTotal) * 0.666}
|
on:mouseleave={() => pageTranslate = pageTranslate + (100 / pagesTotal) * 0.666}
|
||||||
|
rel="next"
|
||||||
>
|
>
|
||||||
<div class="pagination__info">page</div>
|
<div class="pagination__info">page</div>
|
||||||
<div class="pagination__numbers">
|
<div class="pagination__numbers">
|
||||||
|
|||||||
Reference in New Issue
Block a user