fix button label on mobile

oliviertassinari · Jul 16, 2023 · 7ea3604 · 7ea3604
1 parent 322431e
commit 7ea3604
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/docs/src/modules/components/AppSearch.js b/docs/src/modules/components/AppSearch.js
@@ -302,7 +302,12 @@ export default function AppSearch(props) {
 
   return (
     <React.Fragment>
-      <SearchButton ref={searchButtonRef} onClick={onOpen} {...props}>
+      <SearchButton
+        ref={searchButtonRef}
+        onClick={onOpen}
+        {...props}
+        aria-labelledby="app-search-label"
+      >
         <SearchIcon
           fontSize="small"
           sx={(theme) => ({
@@ -312,7 +317,7 @@ export default function AppSearch(props) {
             }),
           })}
         />
-        <SearchLabel>{search}</SearchLabel>
+        <SearchLabel id="app-search-label">{search}</SearchLabel>
         <Shortcut>
           {/* eslint-disable-next-line material-ui/no-hardcoded-labels */}
           {macOS ? '⌘' : 'Ctrl+'}K