More accessibility fixes
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
2020-04-06 15:49:17 +02:00
parent 6531a7b144
commit 90765b0725
3 changed files with 3 additions and 1 deletions

View File

@@ -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">

View File

@@ -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)}>

View File

@@ -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">