From 90765b07256f5648b9d7123d3d31c6ee2fe11c77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 6 Apr 2020 15:49:17 +0200
Subject: [PATCH] More accessibility fixes

---
 src/atoms/ToggleLayout.svelte   | 2 +-
 src/organisms/Carousel.svelte   | 1 +
 src/organisms/Pagination.svelte | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/atoms/ToggleLayout.svelte b/src/atoms/ToggleLayout.svelte
index 86f2ffd..01aa751 100644
--- a/src/atoms/ToggleLayout.svelte
+++ b/src/atoms/ToggleLayout.svelte
@@ -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">
diff --git a/src/organisms/Carousel.svelte b/src/organisms/Carousel.svelte
index bc62fb6..cc77419 100644
--- a/src/organisms/Carousel.svelte
+++ b/src/organisms/Carousel.svelte
@@ -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)}>
diff --git a/src/organisms/Pagination.svelte b/src/organisms/Pagination.svelte
index f63d448..d19f1ec 100644
--- a/src/organisms/Pagination.svelte
+++ b/src/organisms/Pagination.svelte
@@ -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">