fix: avoid a11y errors

Author: baiwusanyu-c

components/Alert/src/index.svelte

@@ -101,7 +101,7 @@
 			{/if}
 		</div>
 		{#if closable}
-			<div bind:this={closeRef} class={closeCls} aria-hidden="true" on:click={onClose}>
+			<div bind:this={closeRef} class={closeCls}  on:click={onClose}>
 				<slot name="close">
 					<KIcon cls="inline-flex" icon={closeIcon} width="16px" height="16px"></KIcon>
 				</slot>

components/AutoComplete/src/index.svelte

@@ -170,7 +170,7 @@
 	width={triggerWidth}
 	placement="bottom"
 >
-	<div class={cname} {...attrs} slot="triggerEl" bind:this={inputSelectRef} aria-hidden="true">
+	<div class={cname} {...attrs} slot="triggerEl" bind:this={inputSelectRef} >
 		<KInput
 			bind:this={inputRef}
 			on:input={handleInput}

components/Backtop/src/index.svelte

@@ -91,7 +91,7 @@
 		class={cnames}
 		style:right={backTopStyle.right}
 		style:bottom={backTopStyle.bottom}
-		aria-hidden="true"
+
 		on:click|stopPropagation={handleClick}
 		{...$$restProps}
 		{...attrs}

components/Button/src/index.svelte

@@ -122,7 +122,7 @@
 	bind:this={btnRef}
 	style="border-radius: {round ? `${round}` : '4'}px; font-size: {iconSizeInner}px"
 	class={cnames}
-	aria-hidden="true"
+
 	on:click={handleClick}
 	{...attrsInner}
 	{...$$restProps}

components/Carousel/__test__/fixture/custom.svelte

@@ -22,7 +22,7 @@
 					<div
 						class={itemCls(item, activeIndex)}
 						role="button"
-						aria-hidden="true"
+
 						on:mouseenter={() => hoverJump(item)}
 						on:click={() => clickJump(item)}
 					></div>
@@ -33,7 +33,7 @@
 	<div slot="arrow" class="flex" let:show let:loop let:onChange let:defaultPageIndex let:count>
 		<KCarouselArrow {show} {loop} {defaultPageIndex} on:change={onChange} {count}>
 			<div
-				aria-hidden="true"
+
 				class="ml-10px cursor-pointer"
 				slot="prev"
 				let:gotoPrev
@@ -42,7 +42,7 @@
 				🏀
 			</div>
 			<div
-				aria-hidden="true"
+
 				class="mr-10px cursor-pointer"
 				slot="next"
 				let:gotoNext

components/Carousel/src/arrow.svelte

@@ -62,7 +62,7 @@
 				out:fly={{ duration: 500, x: -10 }}
 				in:fly={{ duration: 500, x: -10 }}
 				class={prevCls}
-				aria-hidden="true"
+
 				on:click={gotoPrev}
 			>
 				<KIcon icon="i-carbon-chevron-left" width="16px" height="16px" />
@@ -76,7 +76,7 @@
 				out:fly={{ duration: 500, x: 10 }}
 				in:fly={{ duration: 500, x: 10 }}
 				class={nextCls}
-				aria-hidden="true"
+
 				on:click={gotoNext}
 			>
 				<KIcon icon="i-carbon-chevron-right" width="16px" height="16px" />

components/Carousel/src/index.svelte

@@ -169,7 +169,7 @@
 </script>
 
 <div
-	aria-hidden="true"
+
 	on:mouseenter={handleMouseenter}
 	on:mouseleave={handleMouseleave}
 	class={cnames}

components/Collapse/src/index.svelte

@@ -114,7 +114,7 @@
 </script>
 
 <div class={clsInner} {...attrs}>
-	<div class={cnames} on:click={showContent} aria-hidden="true">
+	<div class={cnames} on:click={showContent} >
 		<slot name="title">
 			{title}
 		</slot>

components/ColorPicker/src/index.svelte

@@ -317,7 +317,7 @@
 				<span class={titleCls}>{title}</span>
 			</slot>
 			{#if allowClear}
-				<div class={clearClsx} aria-hidden="true" on:click={handleClear}></div>
+				<div class={clearClsx}  on:click={handleClear}></div>
 			{/if}
 		</div>
 		<div>

components/ColorPicker/src/palette.svelte

@@ -138,8 +138,9 @@
 </script>
 
 <div
+	role="toolbar"
+	tabindex="-1"
 	class={cnames}
-	aria-hidden="true"
 	on:mousedown|preventDefault={handleMousedown}
 	on:mouseup|preventDefault={handleMouseup}
 	bind:this={containerElement}
@@ -151,7 +152,6 @@
 		class={pointerCls}
 		style:left={dragLeft}
 		style:top={dragTop}
-		aria-hidden="true"
 		bind:this={dragElement}
 	></div>
 </div>