Merge pull request #258 from rgieseke/ignore-brush-a11y-warning

Remove half-working ARIA code and A11Y warning

Author: mhkeller

src/_components/Brush.html.svelte

@@ -91,50 +91,32 @@
 	$: right = 100 * (1 - max);
 </script>
 
+<!-- TODO Add keyboard accessibility. See https://github.com/mhkeller/layercake/pull/258 -->
+<!-- svelte-ignore a11y_no_static_element_interactions -->
 <div
 	bind:this={brush}
 	class="brush-outer"
 	on:mousedown|stopPropagation={reset}
 	on:touchstart|stopPropagation={reset}
-	role="slider"
-	aria-valuemin={min}
-	aria-valuemax={max}
-	aria-valuetext="{min} to {max}"
-	tabindex="0"
 >
 	{#if min !== null}
 		<div
 			class="brush-inner"
 			on:mousedown|stopPropagation={move}
 			on:touchstart|stopPropagation={move}
 			style="left: {left}%; right: {right}%"
-			role="slider"
-			aria-valuemin={min}
-			aria-valuemax={max}
-			aria-valuetext="{min} to {max}"
-			tabindex="0"
 		></div>
 		<div
 			class="brush-handle"
 			on:mousedown|stopPropagation={adjust_min}
 			on:touchstart|stopPropagation={adjust_min}
 			style="left: {left}%"
-			role="slider"
-			aria-valuemin={min}
-			aria-valuemax={max}
-			aria-valuetext="{min} to {max}"
-			tabindex="0"
 		></div>
 		<div
 			class="brush-handle"
 			on:mousedown|stopPropagation={adjust_max}
 			on:touchstart|stopPropagation={adjust_max}
 			style="right: {right}%"
-			role="slider"
-			aria-valuemin={min}
-			aria-valuemax={max}
-			aria-valuetext="{min} to {max}"
-			tabindex="0"
 		></div>
 	{/if}
 </div>