From 40ad0e7383f7004e42e00c30f2ae9b80e67aa32b Mon Sep 17 00:00:00 2001
From: Nisarg Vadgama <31422051+ngunner15@users.noreply.github.com>
Date: Thu, 2 Jan 2025 14:17:37 -0800
Subject: [PATCH] feat: 1724 wcag standards applicant agency (#1793)

Co-authored-by: mgaseta <105936322+mgaseta@users.noreply.github.com>
---
 frontend/src/components/ClientAndCodeInput/index.tsx   | 1 +
 frontend/src/components/ClientAndCodeInput/styles.scss | 6 ++++++
 frontend/src/components/InputErrorText/index.tsx       | 2 +-
 frontend/src/components/PageTitle/index.tsx            | 2 ++
 4 files changed, 10 insertions(+), 1 deletion(-)

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;
+      }
     }
   }
 }
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>
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