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>
WordPress · May 13, 2024 · e123cdb · e123cdb
1 parent 125c65e
commit e123cdb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/frontend/src/components/VSearchResultsGrid/VSearchResults.vue b/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()

diff --git a/frontend/src/locales/scripts/en.json5 b/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