Merge pull request responsible-ai-collaborative#901 from lmcnulty/a11…

…y-landing-page-search-aria-label Add aria-label to quicksearch
lmcnulty · Aug 5, 2022 · 52142d5 · 52142d5
2 parents c73f630 + 5884ec4
commit 52142d5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/site/gatsby-site/src/components/forms/SearchInput.js b/site/gatsby-site/src/components/forms/SearchInput.js
@@ -34,6 +34,7 @@ export default withTranslation()(function SearchInput({
   size = 'sm',
   t,
   placeHolder = t('Type Here'),
+  ...props
 }) {
   return (
     <InputGroup className="position-relative">
@@ -44,6 +45,7 @@ export default withTranslation()(function SearchInput({
         value={value}
         onKeyPress={onKeyPress}
         onChange={(event) => onChange(event.currentTarget.value)}
+        {...props}
       />
       <SearchStatus>
         {value !== '' ? (

diff --git a/site/gatsby-site/src/components/landing/QuickSearch.js b/site/gatsby-site/src/components/landing/QuickSearch.js
@@ -68,6 +68,7 @@ export default function QuickSearch({ className }) {
                 onKeyPress={(e) => {
                   e.key === 'Enter' && submit(e);
                 }}
+                aria-label={t('Search over 1600 reports of AI harms')}
               />
             </SearchInputWrapper>
             <Row>