Add some a11y to the mix

2020-04-06 13:37:43 +02:00
parent 6561b24f75
commit 11e06c51c9
8 changed files with 40 additions and 33 deletions
--- a/src/atoms/ToggleLayout.svelte
+++ b/src/atoms/ToggleLayout.svelte
@@ -61,7 +61,7 @@
    })
 </script>

-<div class="toggle" bind:this={toggleEl}>
+<div class="toggle" role="switch" 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">