From ed3d36cbd553e0e57c62ea157f884553a69c2108 Mon Sep 17 00:00:00 2001
From: Anwar Sadath <anwar.sadath1395@gmail.com>
Date: Thu, 25 Jul 2019 22:54:45 +0530
Subject: [PATCH 1/2] Fix #2824 {MSFT-126} Sample challenge page: There is a
 Question mark next to the content under the headings 'final review' and
 'approval'. A message appears when the mouse is hovered over the ?. The
 tooltip is not keyboard accessible.

---
 .../challenge-detail/Specification/SideBar/index.jsx          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/challenge-detail/Specification/SideBar/index.jsx b/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
index acede5ae5e..a7b8870f32 100644
--- a/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
+++ b/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
@@ -108,7 +108,7 @@ Final Review:
             </h4>
             <span styleName="link-like-paragraph tooltip-container">
               {reviewTypeTitle}
-              <Tooltip content={reviewTip}>
+              <Tooltip content={reviewTip} trigger={['hover', 'focus']}>
                 <div styleName="tctooltip">
 ?
                 </div>
@@ -119,7 +119,7 @@ Approval:
             </h4>
             <span styleName="link-like-paragraph tooltip-container">
               User Sign-Off
-              <Tooltip content={approvalTip} className={styles['tooltip-overlay']}>
+              <Tooltip content={approvalTip} className={styles['tooltip-overlay']} trigger={['hover', 'focus']}>
                 <div styleName="tctooltip">
 ?
                 </div>

From 0f59730c60b4416534d780dd6c9be5ad6dbab9c6 Mon Sep 17 00:00:00 2001
From: Anwar Sadath <anwar.sadath1395@gmail.com>
Date: Fri, 26 Jul 2019 20:03:56 +0530
Subject: [PATCH 2/2] Fix ? not reached by tab

---
 .../challenge-detail/Specification/SideBar/index.jsx          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/challenge-detail/Specification/SideBar/index.jsx b/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
index a7b8870f32..50f9f51240 100644
--- a/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
+++ b/src/shared/components/challenge-detail/Specification/SideBar/index.jsx
@@ -109,7 +109,7 @@ Final Review:
             <span styleName="link-like-paragraph tooltip-container">
               {reviewTypeTitle}
               <Tooltip content={reviewTip} trigger={['hover', 'focus']}>
-                <div styleName="tctooltip">
+                <div styleName="tctooltip" tabIndex="0" role="button">
 ?
                 </div>
               </Tooltip>
@@ -120,7 +120,7 @@ Approval:
             <span styleName="link-like-paragraph tooltip-container">
               User Sign-Off
               <Tooltip content={approvalTip} className={styles['tooltip-overlay']} trigger={['hover', 'focus']}>
-                <div styleName="tctooltip">
+                <div styleName="tctooltip" tabIndex="0" role="button">
 ?
                 </div>
               </Tooltip>