Carousel: Fix ARIA stuff
This commit is contained in:
@@ -159,7 +159,7 @@
|
|||||||
|
|
||||||
<svelte:window on:keydown={keyboardNav} />
|
<svelte:window on:keydown={keyboardNav} />
|
||||||
|
|
||||||
<div class="carousel"
|
<div class="carousel" role="region" aria-label="Photos"
|
||||||
bind:this={scope}
|
bind:this={scope}
|
||||||
on:swipe={event => swipe(event.detail.directions)}
|
on:swipe={event => swipe(event.detail.directions)}
|
||||||
>
|
>
|
||||||
@@ -172,8 +172,7 @@
|
|||||||
class:is-active={id === currentPhoto.id}
|
class:is-active={id === currentPhoto.id}
|
||||||
class:is-next={id === nextPhoto.id}
|
class:is-next={id === nextPhoto.id}
|
||||||
on:click={openFullscreen}
|
on:click={openFullscreen}
|
||||||
role="group"
|
role="tabpanel"
|
||||||
aria-roledescription="slide"
|
|
||||||
aria-label="Photo {index + 1} of {photos.length}"
|
aria-label="Photo {index + 1} of {photos.length}"
|
||||||
>
|
>
|
||||||
<picture class="gallery__picture">
|
<picture class="gallery__picture">
|
||||||
|
|||||||
Reference in New Issue
Block a user