feat: add HTML semantics (#1742)

bcgov · Nov 28, 2024 · bd3d2fc · bd3d2fc
1 parent 9d1daf5
commit bd3d2fc
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/views/Landing/index.tsx b/frontend/src/views/Landing/index.tsx
@@ -46,6 +46,8 @@ const Landing = () => {
             statusQueries.filter((query) => query.status === 'error').length > 0
               ? (
                 <ActionableNotification
+                  role="alert"
+                  aria-live="assertive"
                   className="dependency-notification"
                   kind="warning"
                   lowContrast
@@ -58,6 +60,7 @@ const Landing = () => {
                     SPAR&apos;s service is impacted due to server connection issue.
                     You can check the&nbsp;
                     <Link
+                      role="link"
                       target="_blank"
                       to="/service-status"
                     >
@@ -85,6 +88,7 @@ const Landing = () => {
 
           {/* Login buttons */}
           <Button
+            type="button"
             onClick={() => { signIn(LoginProviders.IDIR); }}
             size="md"
             renderIcon={Login}
@@ -95,6 +99,7 @@ const Landing = () => {
           </Button>
 
           <Button
+            type="button"
             kind="tertiary"
             onClick={() => { signIn(LoginProviders.BCEID_BUSINESS); }}
             size="md"
@@ -111,7 +116,7 @@ const Landing = () => {
         <Column className="seeding-img-column" sm={4} md={3} lg={6}>
           <img
             src={Seeding}
-            alt="Small green seedling on the dirt and watered"
+            alt="Spruce tree branches with needles and cones"
             className="seeding-img"
           />
         </Column>