From 7b74726e507b537784ae3db5979a708dd5eff94d Mon Sep 17 00:00:00 2001
From: Josiah Ivey <josiah.ivey@gmail.com>
Date: Tue, 2 Apr 2024 12:39:30 -0700
Subject: [PATCH] add aria-label to PopoverItem

---
 src/components/ExerciseHeaderIcons.tsx                     | 7 ++++++-
 src/components/__snapshots__/Exercise.spec.tsx.snap        | 5 +++++
 .../__snapshots__/ExerciseHeaderIcons.spec.tsx.snap        | 3 +++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/ExerciseHeaderIcons.tsx b/src/components/ExerciseHeaderIcons.tsx
index 05f1da82..7f4abf7a 100644
--- a/src/components/ExerciseHeaderIcons.tsx
+++ b/src/components/ExerciseHeaderIcons.tsx
@@ -62,7 +62,12 @@ interface PopoverItemProps {
 }
 
 const PopoverItem = (props: PopoverItemProps) => (
-  <ItemWrapper {...props.wrapperProps} mobile={props.mobile} desktop={props.desktop}>
+  <ItemWrapper
+    {...props.wrapperProps}
+    mobile={props.mobile}
+    desktop={props.desktop}
+    aria-label={props.text}
+  >
     <InnerWrapper>
       {props.children}
       <Popover className="popover right">
diff --git a/src/components/__snapshots__/Exercise.spec.tsx.snap b/src/components/__snapshots__/Exercise.spec.tsx.snap
index e361a551..9eedd8b7 100644
--- a/src/components/__snapshots__/Exercise.spec.tsx.snap
+++ b/src/components/__snapshots__/Exercise.spec.tsx.snap
@@ -495,6 +495,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
             className="sc-iqcoie iCsHxN"
           >
             <a
+              aria-label="View topic in textbook"
               className="sc-papXJ fAQnos"
               href="https://openstax.org"
               target="_blank"
@@ -534,6 +535,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
               </div>
             </a>
             <a
+              aria-label="Suggest a correction"
               className="sc-papXJ fAQnos"
               href="https://openstax.org"
               target="_blank"
@@ -831,6 +833,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
             className="sc-iqcoie iCsHxN"
           >
             <a
+              aria-label="View topic in textbook"
               className="sc-papXJ fAQnos"
               href="https://openstax.org"
               target="_blank"
@@ -870,6 +873,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
               </div>
             </a>
             <a
+              aria-label="Suggest a correction"
               className="sc-papXJ fAQnos"
               href="https://openstax.org"
               target="_blank"
@@ -909,6 +913,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
               </div>
             </a>
             <div
+              aria-label="In a two-step question, OpenStax asks for your own answer first, then gives multiple-choice options to help you assess your learnings. Recalling the answer to a question from memory helps you to retain things longer."
               className="sc-papXJ fAQnos"
             >
               <div
diff --git a/src/components/__snapshots__/ExerciseHeaderIcons.spec.tsx.snap b/src/components/__snapshots__/ExerciseHeaderIcons.spec.tsx.snap
index 19ca49a1..8bf0ef37 100644
--- a/src/components/__snapshots__/ExerciseHeaderIcons.spec.tsx.snap
+++ b/src/components/__snapshots__/ExerciseHeaderIcons.spec.tsx.snap
@@ -5,6 +5,7 @@ exports[`ExerciseIcons matches snapshot 1`] = `
   className="sc-hKMtZM gYevhA"
 >
   <a
+    aria-label="View topic in textbook"
     className="sc-bczRLJ kQJjcU"
     href="https://openstax.org"
     target="_blank"
@@ -44,6 +45,7 @@ exports[`ExerciseIcons matches snapshot 1`] = `
     </div>
   </a>
   <a
+    aria-label="Suggest a correction"
     className="sc-bczRLJ kQJjcU"
     href="https://openstax.org"
     target="_blank"
@@ -83,6 +85,7 @@ exports[`ExerciseIcons matches snapshot 1`] = `
     </div>
   </a>
   <div
+    aria-label="Select the best answer from the given list of distractors. Your instructor may or may not allow multiple attempts."
     className="sc-bczRLJ kQJjcU"
   >
     <div