Modify aria-label

leung018 · May 13, 2024 · 31dddb8 · 31dddb8
1 parent 862791b
commit 31dddb8
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/app/components/editor.tsx b/src/app/components/editor.tsx
@@ -15,6 +15,10 @@ export class QuestionSetEditorAriaLabel {
 
   static readonly ERROR_PROMPT = 'error prompt'
 
+  static removeQuestionButton(questionNumber: number) {
+    return `button of removing question ${questionNumber}`
+  }
+
   static answerInput({
     choiceNumber,
     questionNumber,
@@ -254,7 +258,9 @@ function QuestionSetEditor({
             >
               <button
                 className="absolute top-2 right-2 bg-transparent text-2xl text-red-500 hover:text-red-700"
-                aria-label="Remove question"
+                aria-label={QuestionSetEditorAriaLabel.removeQuestionButton(
+                  questionIndex + 1,
+                )}
               >
                 ×
               </button>