Merge pull request #3157 from r0hit-gupta/msft131

MSFT-131

Author: sushilshinde

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

@@ -24,7 +24,14 @@ export default function Prizes({ pointPrizes, prizes }) {
           if (!_.isUndefined(prizes[index])) pair.push(prizes[index].toLocaleString());
           if (!_.isUndefined(pointPrizes[index])) pair.push(`${pointPrizes[index]}pts`);
           return (
-            <div key={rank} styleName="prize-fill">
+            <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">
                 <p styleName="prize-rank">
                   {rank}