From d35d15b5950f112a9b8ad399b0f28c63efdefb09 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 21 May 2024 15:16:12 +0200
Subject: [PATCH] wip #6927

---
 js/quiz.accessibility.js                  |  4 ++--
 style/103-question-multiple.sass          |  4 ++++
 views/screens/question_multiple.blade.php | 22 ++++++++++++----------
 3 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/js/quiz.accessibility.js b/js/quiz.accessibility.js
index a663bd7..1e34849 100644
--- a/js/quiz.accessibility.js
+++ b/js/quiz.accessibility.js
@@ -23,9 +23,9 @@ QuizAccessibility.prototype = {
                     }
                 });
 
-                if (key === 'Enter') {
+                if (key === 'ENTER') {
                     console.log("enter 2")
-                    $(":focus").get(0).click(function(e) {
+                    $(":focus").click(function(e) {
                         console.log('ok')
                         e.preventDefault()
                     })
diff --git a/style/103-question-multiple.sass b/style/103-question-multiple.sass
index f96a85a..0617ca3 100644
--- a/style/103-question-multiple.sass
+++ b/style/103-question-multiple.sass
@@ -14,6 +14,10 @@
         &-item
             opacity: 0
             display: flex
+            a
+                width: 100%
+                text-decoration: none
+                color: $texts-color
             label
                 width: 100%
                 height: auto
diff --git a/views/screens/question_multiple.blade.php b/views/screens/question_multiple.blade.php
index 388536d..e1782ed 100644
--- a/views/screens/question_multiple.blade.php
+++ b/views/screens/question_multiple.blade.php
@@ -6,16 +6,18 @@
         <form id="form-{{$position}}">
             <ul class="list">
                 @foreach($question['answers'] as $key => $answer)
-                    <li class="list-item">
-                        <input type="{{ $question['multiple'] ? 'checkbox' : 'radio' }}"
-                               name="answer"
-                               id="question-{{$position.$key}}" class="none" value="{{$key}}">
-                        <label for="question-{{$position.$key}}" aria-keyshortcuts="{{$alphabet[$key]}}">
-                            <span class="content">
-                                <span class="relative">{{$answer['answer']}}</span>
-                                <span class="access">{{$alphabet[$key]}}</span>
-                            </span>
-                        </label>
+                    <li class="list-item" tabindex="{{$key}}">
+                        <a href="#">
+                            <input type="{{ $question['multiple'] ? 'checkbox' : 'radio' }}"
+                                   name="answer"
+                                   id="question-{{$position.$key}}" class="none" value="{{$key}}">
+                            <label for="question-{{$position.$key}}" aria-keyshortcuts="{{$alphabet[$key]}}">
+                                <span class="content">
+                                    <span class="relative">{{$answer['answer']}}</span>
+                                    <span class="access">{{$alphabet[$key]}}</span>
+                                </span>
+                            </label>
+                        </a>
                     </li>
                 @endforeach
             </ul>
-- 
2.39.5