Fix the aria label for search result grid (#4301)

* Fix the aria label for search result grid

Signed-off-by: Olga Bulat <obulat@gmail.com>

* Add comment

Signed-off-by: Olga Bulat <obulat@gmail.com>

---------

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

frontend/src/components/VSearchResultsGrid/VSearchResults.vue

@@ -102,7 +102,7 @@ export default defineComponent({
 
     const collectionLabel = computed(() => {
       return i18n
-        .t(`browsePage.aria.results.${props.results.type}`, {
+        .t(`browsePage.aria.resultsLabel.${props.results.type}`, {
           query: props.searchTerm,
         })
         .toString()

frontend/src/locales/scripts/en.json5

@@ -685,6 +685,16 @@
       creator: "search by creator",
       imageTitle: "Image: {title}",
       audioTitle: "Audio track: {title}",
+      /**
+       * These strings are used as aria-label of the list of the search results.
+       * The number of results is given in `results.mediaType`, so is not
+       * needed here.
+       */
+      resultsLabel: {
+        all: "All results for {query}",
+        image: "Image results for {query}",
+        audio: "Audio tracks for {query}",
+      },
       results: {
         /**
          * "imageResults" and "audioResults" are interpolated from the strings under