Details
-
Type:
Bug
-
Status: Closed
-
Priority:
Major
-
Resolution: Fixed
-
Affects Version/s: 3.9
-
Fix Version/s: 3.9
-
Component/s: Accessibility, Questions, Themes
-
Testing Instructions:
Please test this issue on recent versions Chrome, Firefox, Safari, Edge and IE.
If you are using macOS, make sure you have enabled System Preferences > Keyboard > Shortcuts > Use keyboard navigation to move focus between controls.
Prepare the test:
- Login as admin.
- Create a new course.
- Restore the attached quiz backup file in your course.
- Attempt the Quiz.
Test for Safari
- On Safari try using the tab key to navigate to the question answers in the quiz.
- Verify you can see a focus outline around the question answers when focussed.
- Look at the radios and checkboxes.
- Verify the radio and checkbox sizes appear to have a good size like shown in this screenshot:
- Look at question 8
- Verify the question answer appear inline with the radios like shown in this screenshot:
Test for the other browsers:
- Attempt the restored Quiz.
- Check if the radio buttons and inputs can be focussed using the keyboard.
- Repeat the above steps 5 and 6.
Please test this issue on recent versions Chrome, Firefox, Safari, Edge and IE. If you are using macOS, make sure you have enabled System Preferences > Keyboard > Shortcuts > Use keyboard navigation to move focus between controls . Prepare the test: Login as admin. Create a new course. Restore the attached quiz backup file in your course. Attempt the Quiz. Test for Safari On Safari try using the tab key to navigate to the question answers in the quiz. Verify you can see a focus outline around the question answers when focussed. Look at the radios and checkboxes. Verify the radio and checkbox sizes appear to have a good size like shown in this screenshot: Look at question 8 Verify the question answer appear inline with the radios like shown in this screenshot: Test for the other browsers: Attempt the restored Quiz. Check if the radio buttons and inputs can be focussed using the keyboard. Repeat the above steps 5 and 6. -
Affected Branches:MOODLE_39_STABLE
-
Fixed Branches:MOODLE_39_STABLE
-
Pull from Repository:
-
Pull Master Branch:
MDL-68963-master -
Pull Master Diff URL:
Description
There are 3 quiz question issues:
For question type multichoice the radio buttons appear too small on the Safari browser
On Chrome:
On Safari:
For question type calculated multichoice the question start on a second line, this issue was fixed for MDL-68761 but the css should have been applied to qtype_calculatedmulti too:
In Safari, when using the keyboard to focus elements on the page, the input types radio and checkbox don't show the focus styles introduced in MDL-67874
