diff --git a/src/lib/components/chat/ModelSelector/ModelItem.svelte b/src/lib/components/chat/ModelSelector/ModelItem.svelte index 798c7fafe2..583eb3fb62 100644 --- a/src/lib/components/chat/ModelSelector/ModelItem.svelte +++ b/src/lib/components/chat/ModelSelector/ModelItem.svelte @@ -8,7 +8,7 @@ import { WEBUI_API_BASE_URL, WEBUI_BASE_URL } from '$lib/constants'; import Tooltip from '$lib/components/common/Tooltip.svelte'; - import { copyToClipboard, sanitizeResponseContent } from '$lib/utils'; + import { copyToClipboard, removeFormattings, sanitizeResponseContent } from '$lib/utils'; import { resolveLocalizedModelDescription } from '$lib/utils/localizedContent'; import ArrowUpTray from '$lib/components/icons/ArrowUpTray.svelte'; import Check from '$lib/components/icons/Check.svelte'; @@ -58,6 +58,7 @@ role="option" aria-selected={isSelected} aria-label={$i18n.t('Select {{modelName}} model', { modelName: item.label })} + aria-describedby={localizedDescription ? `model-description-${index}` : undefined} class="focus-ring group/item flex h-8 w-full cursor-pointer select-none items-center rounded-xl px-2 text-left text-[0.8125rem] font-normal text-gray-700 outline-hidden transition-colors duration-75 dark:text-gray-100 {($settings?.highContrastMode ?? false) ? 'hover:bg-gray-200 dark:hover:bg-gray-800' @@ -254,6 +255,9 @@ {/if} {#if localizedDescription} + {removeFormattings(localizedDescription)} ')