Add an aria-label for the criteria icons

cal-itp · Sep 5, 2023 · e36c162 · e36c162
1 parent a1229f3
commit e36c162
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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  ? '?' :