fix

Author: Adriana Evangelista

CHANGELOG.md

@@ -7,11 +7,14 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+
+- Added aria-label to search-bar input
+
 ## [3.176.3] - 2025-02-28
 
 ### Added
 
-- Added aria-label to search-bar input
 - Alternative text to infocard link
 
 ## [3.176.2] - 2025-02-03

messages/context.json

@@ -194,5 +194,5 @@
   "admin/editor.search-bar.title": "Search bar",
   "admin/editor.search-bar.placeholder.title": "Placeholder",
   "store/back-to-top.label": "Back to top",
-  "store/search.input-label": "Label of search input"
+  "store/input-search.aria-label": "Search for products"
 }

messages/en.json

@@ -200,5 +200,5 @@
   "admin/editor.toTop.description": "When clicked, it scrolls the page to the top",
   "admin/editor.toTop.topPixel.title": "Number of pixels",
   "admin/editor.toTop.topPixel.description": "When the defined pixel value is exceeded, the return-to-top button will appear",
-  "store/search.input-label": "Search for products"
+  "store/input-search.aria-label": "Search for products"
 }

react/components/SearchBar/AutocompleteInput.tsx

@@ -250,7 +250,7 @@ function AutocompleteInput({
             error={Boolean(inputErrorMessage)}
             errorMessage={inputErrorMessage}
             onSubmit={onGoToSearchPage}
-            aria-label={intl.formatMessage({ id: 'store/search.input-label' })}
+            aria-label={intl.formatMessage({ id: 'store/input-search.aria-label' })}
           />
         </div>
       </form>
@@ -269,7 +269,7 @@ function AutocompleteInput({
           {...restProps}
           error={Boolean(inputErrorMessage)}
           errorMessage={inputErrorMessage}
-          aria-label={intl.formatMessage({ id: 'store/search.input-label' })}
+          aria-label={intl.formatMessage({ id: 'store/input-search.aria-label' })}
         />
       </div>
     </div>