From e8d29bfc5bdfc42f571c26ea6b272692ba320ff9 Mon Sep 17 00:00:00 2001
From: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Date: Fri, 13 Oct 2023 01:35:37 +0700
Subject: [PATCH] refactor: use the sr-only class to visually hide element
 (#51931)

---
 client/src/templates/Challenges/exam/exam.css | 5 -----
 client/src/templates/Challenges/exam/show.tsx | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/client/src/templates/Challenges/exam/exam.css b/client/src/templates/Challenges/exam/exam.css
index c2b551f8f81..7ee912b3aae 100644
--- a/client/src/templates/Challenges/exam/exam.css
+++ b/client/src/templates/Challenges/exam/exam.css
@@ -55,11 +55,6 @@
   margin: 0;
 }
 
-.exam-answer-input-hidden {
-  position: absolute;
-  left: -9999px;
-}
-
 .exam-answer-input-visible {
   margin-inline-end: 15px;
   position: relative;
diff --git a/client/src/templates/Challenges/exam/show.tsx b/client/src/templates/Challenges/exam/show.tsx
index e9b51689e55..63e56cca1ed 100644
--- a/client/src/templates/Challenges/exam/show.tsx
+++ b/client/src/templates/Challenges/exam/show.tsx
@@ -423,7 +423,7 @@ class ShowExam extends Component<ShowExamProps, ShowExamState> {
                               userExamQuestions[currentQuestionIndex].answer
                                 .id === id
                             }
-                            className='exam-answer-input-hidden'
+                            className='sr-only'
                             name={id}
                             onChange={() =>
                               this.selectAnswer(