From bd3d2fc6b43dad406ee82ced0a97031c17bf6307 Mon Sep 17 00:00:00 2001
From: Nisarg Vadgama <31422051+ngunner15@users.noreply.github.com>
Date: Thu, 28 Nov 2024 11:09:33 -0800
Subject: [PATCH] feat: add HTML semantics (#1742)

---
 frontend/src/views/Landing/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Landing/index.tsx b/frontend/src/views/Landing/index.tsx
index c281b8ec3..86f9c6d5a 100644
--- 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>