Announce search results in developer resources panel

When user updates the filter box in the developer resources panel, announce the number of resources match in the output panel to notify the user who relies on screen reader.

Bug: 383444971
Change-Id: I37f2629875f6ca88b42a307c1e2427a30fd44203
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6089910
Commit-Queue: Guangyue Xu <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>

Author: Guangyue Xu

front_end/panels/developer_resources/DeveloperResourcesListView.ts

@@ -197,6 +197,10 @@ export class DeveloperResourcesListView extends UI.Widget.VBox {
     }
   }
 
+  getNumberOfVisibleItems(): number {
+    return this.dataGrid.rootNode().children.length;
+  }
+
   private sortingChanged(): void {
     const columnId = this.dataGrid.sortColumnId();
     if (!columnId) {

front_end/panels/developer_resources/DeveloperResourcesView.ts

@@ -41,6 +41,14 @@ const UIStrings = {
    * total. Resources are files related to the webpage.
    */
   resources: '{n, plural, =1 {# resource} other {# resources}}',
+  /**
+   * @description Nnumber of resource(s) match
+   */
+  numberOfResourceMatch: '{n, plural, =1 {# resource matches} other {# resources match}}',
+  /**
+   * @description No resource matches
+   */
+  noResourceMatches: 'No resource matches',
 };
 const str_ = i18n.i18n.registerUIStrings('panels/developer_resources/DeveloperResourcesView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
@@ -141,6 +149,15 @@ export class DeveloperResourcesView extends UI.ThrottledWidget.ThrottledWidget {
     this.textFilterRegExp = text ? Platform.StringUtilities.createPlainTextSearchRegex(text, 'i') : null;
     this.listView.updateFilterAndHighlight(this.textFilterRegExp);
     this.updateStats();
+
+    const numberOfResourceMatch = this.listView.getNumberOfVisibleItems();
+    let resourceMatch = '';
+    if (numberOfResourceMatch === 0) {
+      resourceMatch = i18nString(UIStrings.noResourceMatches);
+    } else {
+      resourceMatch = i18nString(UIStrings.numberOfResourceMatch, {n: numberOfResourceMatch});
+    }
+    UI.ARIAUtils.alert(resourceMatch);
   }
 
   override wasShown(): void {