MSFT-131 (#3226)

MSFT-131

Author: sushilshinde

src/shared/components/challenge-detail/Header/Prizes.jsx

@@ -27,19 +27,16 @@ export default function Prizes({ pointPrizes, prizes }) {
             <div
               styleName="prize-fill"
               key={rank}
-              // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-              tabIndex={0}
-              role="figure"
-              aria-label={`${rank}${getOrdinal(rank)} prize is ${!_.isUndefined(prizes[index]) ? '$' : ''}${pair.join(' + ')}`}
             >
-              <div id={`rank${rank}`} styleName="prize-card" aria-hidden="true">
-                <p styleName="prize-rank">
+              {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}
+              <div id={`rank${rank}`} tabIndex={0} styleName="prize-card" aria-label={`${rank}${getOrdinal(rank)} prize is ${!_.isUndefined(prizes[index]) ? '$' : ''}${pair.join(' + ')}`}>
+                <p styleName="prize-rank" aria-hidden="true">
                   {rank}
                   <span styleName="rank-ordinal">
                     {getOrdinal(rank)}
                   </span>
                 </p>
-                <p styleName="prize-money">
+                <p styleName="prize-money" aria-hidden="true">
                   {
                     !_.isUndefined(prizes[index]) && (
                     <span styleName="prize-currency">