From 520d0b89b8cf6383d2c982cb30eaaae9c8a9c32b Mon Sep 17 00:00:00 2001
From: Nisarg <nisargvv@gmail.com>
Date: Tue, 17 Dec 2024 15:17:38 -0800
Subject: [PATCH 1/3] feat: add accessibility for client search modal

---
 frontend/src/components/ClientAndCodeInput/index.tsx   | 1 +
 frontend/src/components/ClientAndCodeInput/styles.scss | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/frontend/src/components/ClientAndCodeInput/index.tsx b/frontend/src/components/ClientAndCodeInput/index.tsx
index 87993883a..db582a4c1 100644
--- a/frontend/src/components/ClientAndCodeInput/index.tsx
+++ b/frontend/src/components/ClientAndCodeInput/index.tsx
@@ -482,6 +482,7 @@ const ClientAndCodeInput = ({
                   <ClientSearchModal
                     linkText="open the client search"
                     modalLabel="Register A-Class Seedlot"
+                    aria-label="find the client input information"
                     applySelectedClient={(client: ForestClientSearchType) => {
                       const selectedClient: StringInputType = {
                         ...clientInput,
diff --git a/frontend/src/components/ClientAndCodeInput/styles.scss b/frontend/src/components/ClientAndCodeInput/styles.scss
index 8d96d70b0..474547155 100644
--- a/frontend/src/components/ClientAndCodeInput/styles.scss
+++ b/frontend/src/components/ClientAndCodeInput/styles.scss
@@ -87,6 +87,12 @@
       p {
         color: var(--#{vars.$bcgov-prefix}-link-primary);
       }
+
+      p:focus {
+        outline: 0.15rem solid var(--#{vars.$bcgov-prefix}-link-primary); /* High-contrast focus indicator */
+        outline-offset: 0.15rem;
+        border-radius: 0.075rem;
+      }
     }
   }
 }

From ffec47365de65655fd89800e43325fa5d65a1b58 Mon Sep 17 00:00:00 2001
From: Nisarg <nisargvv@gmail.com>
Date: Tue, 17 Dec 2024 16:22:33 -0800
Subject: [PATCH 2/3] feat: add alert on error

---
 frontend/src/components/InputErrorText/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/InputErrorText/index.tsx b/frontend/src/components/InputErrorText/index.tsx
index 76668323f..a1778876e 100644
--- a/frontend/src/components/InputErrorText/index.tsx
+++ b/frontend/src/components/InputErrorText/index.tsx
@@ -9,7 +9,7 @@ interface InputErrorProps {
 const InputErrorText = ({
   description
 }: InputErrorProps) => (
-  <div className="input-error-text-component">
+  <div role="alert" aria-live="polite" className="input-error-text-component">
     <ErrorOutline />
     <p>{description}</p>
   </div>

From 9af2f4042a13d1b8c04d18bd0d612ba31cd26f8f Mon Sep 17 00:00:00 2001
From: Nisarg <nisargvv@gmail.com>
Date: Tue, 17 Dec 2024 17:17:18 -0800
Subject: [PATCH 3/3] feat: add button accessiblity

---
 frontend/src/components/PageTitle/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/components/PageTitle/index.tsx b/frontend/src/components/PageTitle/index.tsx
index cdbba60a9..149407503 100644
--- a/frontend/src/components/PageTitle/index.tsx
+++ b/frontend/src/components/PageTitle/index.tsx
@@ -63,6 +63,8 @@ const PageTitle = ({
               <IconButton
                 kind="ghost"
                 label={isFavourited ? 'Unfavourite' : 'Favourite'}
+                aria-label={isFavourited ? 'Unfavourite' : 'Favourite'}
+                aria-pressed={isFavourited}
                 align="right"
                 onClick={
                   isFavourited