diff --git a/src/utils/AudioCompare.js b/src/utils/AudioCompare.js
index 1dba58c1..90f38655 100644
--- a/src/utils/AudioCompare.js
+++ b/src/utils/AudioCompare.js
@@ -95,7 +95,7 @@ const AudioRecorderCompair = (props) => {
                 {(!props.dontShowListen || props.recordedAudio) && (
                   <>
                     {!props.pauseAudio ? (
-                      <div onClick={() => { props.playAudio(true); }}>
+                      <div role="button" tabIndex="0" onClick={() => { props.playAudio(true); }} aria-label="Play audio">
                         <Box sx={{ cursor: "pointer" }}>
                           <ListenButton />
                         </Box>
diff --git a/src/views/Practice/Practice.jsx b/src/views/Practice/Practice.jsx
index 48039573..ddb5ac52 100644
--- a/src/views/Practice/Practice.jsx
+++ b/src/views/Practice/Practice.jsx
@@ -215,6 +215,7 @@ const Practice = () => {
         currentQuestion === questions.length - 1 || isGameOver
           ? currentPracticeStep + 1
           : currentPracticeStep;
+      newPracticeStep = Number(newPracticeStep);
       let newQuestionIndex =
         currentQuestion === questions.length - 1 ? 0 : currentQuestion + 1;