diff --git a/src/search/components/input/AskAIResults.tsx b/src/search/components/input/AskAIResults.tsx
index d3b09beea4c9..15196e6fbee2 100644
--- a/src/search/components/input/AskAIResults.tsx
+++ b/src/search/components/input/AskAIResults.tsx
@@ -373,7 +373,7 @@ export function AskAIResults({
}, [query])
return (
-
+
{!aiCouldNotAnswer && references && references.length > 0 ? (
<>
@@ -398,7 +398,6 @@ export function AskAIResults({
}}
key={`reference-${index}`}
id={`search-option-reference-${index + referencesIndexOffset}`}
- role="option"
tabIndex={-1}
onSelect={() => {
referenceOnSelect(source.url)
diff --git a/src/search/components/input/SearchOverlay.tsx b/src/search/components/input/SearchOverlay.tsx
index e10224819d81..4abf8898b1a5 100644
--- a/src/search/components/input/SearchOverlay.tsx
+++ b/src/search/components/input/SearchOverlay.tsx
@@ -601,29 +601,33 @@ export function SearchOverlay({
{aiSearchError && (
<>
-
-
- {t('search.overlay.ai_autocomplete_list_heading')}
-
-
-
-
+
+
+
+ {t('search.overlay.ai_autocomplete_list_heading')}
+
+
+
+
+
+
+
>
)}
@@ -721,7 +725,8 @@ export function SearchOverlay({
leadingVisual={}
aria-labelledby={overlayHeadingId}
role="combobox"
- aria-controls="search-suggestions-list"
+ // In AskAI the search input not longer "controls" the suggestions list, because there is no list, so we remove the aria-controls attribute
+ aria-controls={isAskAIState ? 'ask-ai-result-container' : 'search-suggestions-list'}
aria-expanded={combinedOptions.length > 0}
aria-activedescendant={
selectedIndex >= 0
@@ -883,21 +888,23 @@ function renderSearchGroups(
if (isInAskAIState) {
groups.push(
-
+
+
+
,
)
}
@@ -935,7 +942,6 @@ function renderSearchGroups(
performGeneralSearch()}
@@ -986,7 +991,6 @@ function renderSearchGroups(
option.isViewAllResults ? performGeneralSearch() : generalSearchResultOnSelect(option)
@@ -1062,7 +1066,6 @@ function renderSearchGroups(
aiAutocompleteOnSelect(option)}
active={isActive}