diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-11 17:56:27 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-02-11 17:56:27 +0100 |
| commit | 8647197a05490e2c10106a021cf6760bdabb5b2a (patch) | |
| tree | 5fb56fad1c0f585ac063a8f6390e68586e3e6084 /src/components/SearchForm | |
| parent | c69c107de84aa3b2cdbf0ed087d0314f22d30b18 (diff) | |
chore: improve accessibility
Diffstat (limited to 'src/components/SearchForm')
| -rw-r--r-- | src/components/SearchForm/SearchForm.tsx | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/src/components/SearchForm/SearchForm.tsx b/src/components/SearchForm/SearchForm.tsx index 38ae60d..da6f25c 100644 --- a/src/components/SearchForm/SearchForm.tsx +++ b/src/components/SearchForm/SearchForm.tsx @@ -35,6 +35,12 @@ const SearchForm = ({ isOpened }: { isOpened: boolean }) => { })} </div> <Form submitHandler={launchSearch} modifier="search"> + <label htmlFor="search-query" className="screen-reader-text"> + {intl.formatMessage({ + defaultMessage: 'Keywords:', + description: 'SearchForm: search field label', + })} + </label> <Input ref={inputRef} id="search-query" |