wip #6927

diff --git a/js/quiz.accessibility.js b/js/quiz.accessibility.js
index a663bd776ea228a812177d73c2f14499c1ee3681..1e3484989cb6f45b5069707ee0320eb16aac7ae1 100644 (file)
--- 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 f96a85a44efc83aa5e4ea2ef4c5e3c4b5d82e498..0617ca37c9b8b2a04b481199c5fd3f34be959d87 100644 (file)
--- 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 388536d751ba984ca6af73baf5e691d5344929c4..e1782ed0aa11434cde61f0947a9c56e08822f335 100644 (file)
--- 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>