Merge branch 'main' into renovate/major-react-router-monorepo

bcgov · Jan 2, 2025 · f2b773b · f2b773b
2 parents 9e8135f + 40ad0e7
commit f2b773b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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