SONAR-16731 [891631] Status message not automatically announced

server/sonar-web/src/main/js/apps/projects/components/EmptyFavoriteSearch.tsx

@@ -28,7 +28,7 @@ import { Query } from '../query';
 
 export default function EmptyFavoriteSearch({ query }: { query: Query }) {
   return (
-    <div className="empty-search">
+    <div aria-live="assertive" className="empty-search">
       <h3>{translate('no_results_search.favorites')}</h3>
       <p className="big-spacer-top">
         <FormattedMessage

server/sonar-web/src/main/js/components/common/EmptySearch.tsx

@@ -23,7 +23,7 @@ import './EmptySearch.css';
 
 export default function EmptySearch() {
   return (
-    <div className="empty-search">
+    <div aria-live="assertive" className="empty-search">
       <h3>{translate('no_results_search')}</h3>
       <p className="big-spacer-top">{translate('no_results_search.2')}</p>
     </div>

server/sonar-web/src/main/js/components/common/__tests__/__snapshots__/EmptySearch-test.tsx.snap

@@ -2,6 +2,7 @@
 
 exports[`renders 1`] = `
 <div
+  aria-live="assertive"
   className="empty-search"
 >
   <h3>

server/sonar-web/src/main/js/components/controls/SearchBox.tsx

@@ -170,7 +170,7 @@ export default class SearchBox extends React.PureComponent<Props, State> {
         )}
 
         {tooShort && minLength !== undefined && (
-          <span className="search-box-note">
+          <span aria-live="assertive" className="search-box-note">
             {translateWithParameters('select2.tooShort', minLength)}
           </span>
         )}