Add (hidden) label to input

plone · Aug 12, 2024 · 146e718 · 146e718
1 parent 79bd3e7
commit 146e718
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/news/6249.fix b/packages/components/news/6249.fix
@@ -1 +1 @@
-Add missing for-attribute to checkbox (a11y). - @gomez
+Add missing for-attribute to checkbox * label to input (a11y). - @gomez
diff --git a/packages/volto/src/components/manage/Blocks/Search/components/SearchInput.jsx b/packages/volto/src/components/manage/Blocks/Search/components/SearchInput.jsx
@@ -22,15 +22,15 @@ const SearchInput = (props) => {
     removeSearchQuery,
   } = props;
   const intl = useIntl();
+  const label = data.searchInputPrompt || intl.formatMessage(messages.search);
 
   return (
     <div className="search-input">
       <Input
         id={`${props.id}-searchtext`}
         value={searchText}
-        placeholder={
-          data.searchInputPrompt || intl.formatMessage(messages.search)
-        }
+        aria-label={label}
+        placeholder={label}
         fluid
         onKeyPress={(event) => {
           if (isLive || event.key === 'Enter') onTriggerSearch(searchText);