diff --git a/src/lib/components/chat/ModelSelector/Selector.svelte b/src/lib/components/chat/ModelSelector/Selector.svelte index 982bb0a6c8..48ea49d0a9 100644 --- a/src/lib/components/chat/ModelSelector/Selector.svelte +++ b/src/lib/components/chat/ModelSelector/Selector.svelte @@ -394,6 +394,7 @@ class="w-full text-sm bg-transparent outline-hidden" placeholder={searchPlaceholder} autocomplete="off" + aria-label={$i18n.t('Search In Models')} on:keydown={(e) => { if (e.code === 'Enter' && filteredItems.length > 0) { value = filteredItems[selectedModelIdx].value; @@ -436,6 +437,7 @@ selectedConnectionType === '' ? '' : 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition capitalize" + aria-pressed={selectedTag === '' && selectedConnectionType === ''} on:click={() => { selectedConnectionType = ''; selectedTag = ''; @@ -450,6 +452,7 @@ class="min-w-fit outline-none p-1.5 {selectedConnectionType === 'local' ? '' : 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition capitalize" + aria-pressed={selectedConnectionType === 'local'} on:click={() => { selectedTag = ''; selectedConnectionType = 'local'; @@ -464,6 +467,7 @@ class="min-w-fit outline-none p-1.5 {selectedConnectionType === 'external' ? '' : 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition capitalize" + aria-pressed={selectedConnectionType === 'external'} on:click={() => { selectedTag = ''; selectedConnectionType = 'external'; @@ -478,6 +482,7 @@ class="min-w-fit outline-none p-1.5 {selectedConnectionType === 'direct' ? '' : 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition capitalize" + aria-pressed={selectedConnectionType === 'direct'} on:click={() => { selectedTag = ''; selectedConnectionType = 'direct'; @@ -492,6 +497,7 @@ class="min-w-fit outline-none p-1.5 {selectedTag === tag ? '' : 'text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'} transition capitalize" + aria-pressed={selectedTag === tag} on:click={() => { selectedConnectionType = ''; selectedTag = tag; @@ -613,7 +619,7 @@ {#if showTemporaryChatControl}