add aria-label to PopoverItem (#64)

Author: jivey

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">

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

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