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>
|
||||
|
||||
<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}>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="17" viewBox="0 0 19 17">
|
||||
<g class="anim">
|
||||
|
||||
@@ -174,6 +174,7 @@
|
||||
on:click={openFullscreen}
|
||||
role="tabpanel"
|
||||
aria-label="Photo {index + 1} of {photos.length}"
|
||||
aria-hidden={index !== currentIndex}
|
||||
>
|
||||
<picture class="gallery__picture">
|
||||
<source media="(min-width: 968px)" data-srcset={getThumbnail(image.private_hash, 1200)}>
|
||||
|
||||
@@ -41,6 +41,7 @@
|
||||
on:click={displayMorePhotos}
|
||||
on:mouseenter={() => 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__numbers">
|
||||
|
||||
Reference in New Issue
Block a user