Merge branch 'main' into renovate/lock-file-maintenance

bcgov · Jan 2, 2025 · 7e177f2 · 7e177f2
2 parents 7fd442a + c7abf66
commit 7e177f2
Show file tree

Hide file tree

Showing 6 changed files with 55 additions and 26 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -34,7 +34,7 @@
     "react-beforeunload": "^2.6.0",
     "react-dom": "^18.2.0",
     "react-hash-string": "^1.0.0",
-    "react-router-dom": "^6.21.2",
+    "react-router-dom": "^7.0.0",
     "react-test-renderer": "^18.2.0",
     "react-toastify": "^10.0.0",
     "sass": "^1.77.7",

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