From 50a709808736dec608545ea65e11e5b9232f9069 Mon Sep 17 00:00:00 2001
From: Blake Vandercar <blake.vandercar@validatek.com>
Date: Tue, 19 Nov 2024 09:59:04 -0700
Subject: [PATCH 1/3] feat(a11y): add aria-keyshortcuts to search button

---
 packages/docsearch-react/src/DocSearchButton.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/docsearch-react/src/DocSearchButton.tsx b/packages/docsearch-react/src/DocSearchButton.tsx
index 9aca83897..ca27288e4 100644
--- a/packages/docsearch-react/src/DocSearchButton.tsx
+++ b/packages/docsearch-react/src/DocSearchButton.tsx
@@ -37,11 +37,14 @@ export const DocSearchButton = React.forwardRef<HTMLButtonElement, DocSearchButt
           ([ACTION_KEY_DEFAULT, 'Ctrl', <ControlKeyIcon />] as const)
         : (['Meta', 'Command', key] as const);
 
+    const shortcut = `${actionKeyAltText}+K`
+
     return (
       <button
         type="button"
         className="DocSearch DocSearch-Button"
-        aria-label={`${buttonAriaLabel} (${actionKeyAltText}+K)`}
+        aria-label={`${buttonAriaLabel} (${shortcut})`}
+        aria-keyshortcuts={shortcut}
         {...props}
         ref={ref}
       >

From e4248d21049587720442f4dc9b52172aac79b30f Mon Sep 17 00:00:00 2001
From: Blake Vandercar <blake.vandercar@validatek.com>
Date: Tue, 19 Nov 2024 10:01:42 -0700
Subject: [PATCH 2/3] fix

---
 packages/docsearch-react/src/DocSearchButton.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docsearch-react/src/DocSearchButton.tsx b/packages/docsearch-react/src/DocSearchButton.tsx
index ca27288e4..6d74b9a64 100644
--- a/packages/docsearch-react/src/DocSearchButton.tsx
+++ b/packages/docsearch-react/src/DocSearchButton.tsx
@@ -34,10 +34,10 @@ export const DocSearchButton = React.forwardRef<HTMLButtonElement, DocSearchButt
     const [actionKeyReactsTo, actionKeyAltText, actionKeyChild] =
       key === ACTION_KEY_DEFAULT
         ? // eslint-disable-next-line react/jsx-key -- false flag
-          ([ACTION_KEY_DEFAULT, 'Ctrl', <ControlKeyIcon />] as const)
-        : (['Meta', 'Command', key] as const);
+          ([ACTION_KEY_DEFAULT, 'Control', <ControlKeyIcon />] as const)
+        : (['Meta', 'Meta', key] as const);
 
-    const shortcut = `${actionKeyAltText}+K`
+    const shortcut = `${actionKeyAltText}+k`
 
     return (
       <button

From 6bcdd8c208c85fca4b2f5c0ad34354b5f9034f9b Mon Sep 17 00:00:00 2001
From: Blake Vandercar <blake.vandercar@validatek.com>
Date: Tue, 19 Nov 2024 10:25:18 -0700
Subject: [PATCH 3/3] fix test

---
 packages/docsearch-react/src/DocSearchButton.tsx    | 2 +-
 packages/docsearch-react/src/__tests__/api.test.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docsearch-react/src/DocSearchButton.tsx b/packages/docsearch-react/src/DocSearchButton.tsx
index 6d74b9a64..15c6c3a9d 100644
--- a/packages/docsearch-react/src/DocSearchButton.tsx
+++ b/packages/docsearch-react/src/DocSearchButton.tsx
@@ -37,7 +37,7 @@ export const DocSearchButton = React.forwardRef<HTMLButtonElement, DocSearchButt
           ([ACTION_KEY_DEFAULT, 'Control', <ControlKeyIcon />] as const)
         : (['Meta', 'Meta', key] as const);
 
-    const shortcut = `${actionKeyAltText}+k`
+    const shortcut = `${actionKeyAltText}+k`;
 
     return (
       <button
diff --git a/packages/docsearch-react/src/__tests__/api.test.tsx b/packages/docsearch-react/src/__tests__/api.test.tsx
index 8650cc649..accfece2f 100644
--- a/packages/docsearch-react/src/__tests__/api.test.tsx
+++ b/packages/docsearch-react/src/__tests__/api.test.tsx
@@ -59,7 +59,7 @@ describe('api', () => {
       );
       expect(document.querySelector(docSearchSelector)).toBeInTheDocument();
       expect(document.querySelector('.DocSearch-Button-Placeholder')?.innerHTML).toBe('Recherche');
-      expect(document.querySelector('.DocSearch-Button')?.getAttribute('aria-label')).toBe('Recherche (Ctrl+K)');
+      expect(document.querySelector('.DocSearch-Button')?.getAttribute('aria-label')).toBe('Recherche (Control+k)');
     });
 
     it('overrides the default DocSearchModal startScreen text', async () => {