From 516b1c65b89ca02b22167d2c751a90388c3e8a42 Mon Sep 17 00:00:00 2001
From: Alex <awintschel@gmail.com>
Date: Fri, 28 Jun 2024 16:54:40 -0700
Subject: [PATCH] DESENG-617 Update changelog, check linting, final tweaks to
 screen reader language

---
 CHANGELOG.MD                                   | 3 +++
 met-web/src/components/landing/FilterBlock.tsx | 2 +-
 met-web/src/components/landing/TileBlock.tsx   | 5 ++++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index f6e065db8..84c2cbcd9 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -1,3 +1,6 @@
+## June 28, 2024
+- **Task** Improve screen reader support for home/engagement search page [DESENG-617](https://citz-gdx.atlassian.net/browse/DESENG-617)
+
 ## June 27, 2024
 
 - **Bugfix** Fix tenant landing page [🎟️ DESENG-635](https://citz-gdx.atlassian.net/browse/DESENG-635)
diff --git a/met-web/src/components/landing/FilterBlock.tsx b/met-web/src/components/landing/FilterBlock.tsx
index 121c57dd2..44078415e 100644
--- a/met-web/src/components/landing/FilterBlock.tsx
+++ b/met-web/src/components/landing/FilterBlock.tsx
@@ -94,7 +94,7 @@ const FilterBlock = () => {
                 <Grid item xl={6} lg={8} md={10} sm={8} xs={12}>
                     <MetLabel paddingBottom={'3px'}>{translate('landing.filters.search')}</MetLabel>
                     <CustomTextField
-                        aria-label="Search box for filtering engagements. Type or select filters to narrow results automatically."
+                        aria-label="Search box for filtering engagements. Search by title or select filters to narrow results automatically."
                         tabIndex={0}
                         fullWidth
                         placeholder={translate('landing.filters.searchPlaceholder')}
diff --git a/met-web/src/components/landing/TileBlock.tsx b/met-web/src/components/landing/TileBlock.tsx
index 10643d321..4bbec1b1d 100644
--- a/met-web/src/components/landing/TileBlock.tsx
+++ b/met-web/src/components/landing/TileBlock.tsx
@@ -58,6 +58,7 @@ const TileBlock = () => {
                 xs={10}
             >
                 <NoResult />
+                <ul tabIndex={0} aria-label="Engagements list. No results."></ul>
             </Grid>
         );
     }
@@ -76,6 +77,7 @@ const TileBlock = () => {
                 {engagements.map((engagement, index) => {
                     return (
                         <Grid
+                            component="ul"
                             item
                             container
                             xs={12}
@@ -86,9 +88,10 @@ const TileBlock = () => {
                                 flexBasis: '320px',
                                 alignItems: 'center',
                                 justifyContent: 'center',
+                                listStyleType: 'none',
                             }}
                         >
-                            <Grid item width="320px">
+                            <Grid item width="320px" component="li">
                                 <EngagementTile passedEngagement={engagement} engagementId={engagement.id} />
                             </Grid>
                         </Grid>