fix(a11y): enhance accessibility for chat settings components (#21715)

This commit adds aria-labels to the text inputs and textareas that previously lacked them, applies role=switch to inputs, and adds accessible titles to floating quick actions.
2026-02-22 14:33:07 -06:00
parent 1542dad51a
commit 16e567df57
8 changed files with 34 additions and 2 deletions
@@ -10,6 +10,7 @@
 	export let readonly = false;
 	export let className =
 		'w-full rounded-lg px-3.5 py-2 text-sm bg-gray-50 dark:text-gray-300 dark:bg-gray-850 outline-hidden  h-full';
+	export let ariaLabel = null;

 	export let onInput = () => {};
 	export let onBlur = () => {};
@@ -53,6 +54,7 @@
 	bind:this={textareaElement}
 	bind:value
 	{placeholder}
+	aria-label={ariaLabel || placeholder}
 	class={className}
 	style="field-sizing: content;"
 	{rows}