From e36c162df0c4e3899127e2da62c11cc5b46c4b84 Mon Sep 17 00:00:00 2001
From: Mjumbe Poe <mjumbewu@gmail.com>
Date: Mon, 4 Sep 2023 21:14:25 -0400
Subject: [PATCH] Add an aria-label for the criteria icons

---
 app/src/components/CypressGrantsListItem.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/components/CypressGrantsListItem.vue b/app/src/components/CypressGrantsListItem.vue
index 86d1844..d808761 100644
--- a/app/src/components/CypressGrantsListItem.vue
+++ b/app/src/components/CypressGrantsListItem.vue
@@ -10,7 +10,11 @@
     <div v-if="isPrimaryApplicantSelected && isDetailVisible" class="reasons">
       <ul>
         <li class="criterion" v-for="criterion in orderedEligibilityCriteria" :key="criterion.reason">
-          <span class="determination-marker">
+          <span class="determination-marker"
+                :aria-label="criterion.determination === true  ? 'Satisfied' :
+                            criterion.determination === false ? 'Not Satisfied' :
+                            criterion.determination === null  ? 'Needs Review' :
+                                                                'Needs More Info'">
             {{ criterion.determination === true  ? '✓' :
               criterion.determination === false ? '✗' :
               criterion.determination === null  ? '?' :