Accessibility checker tool like the axe DevTools browser extension
Moodle site with the Multilanguage content filter enabled for both content and headings.
Test
Login as a teacher in a course
Create a quiz
Add some questions to it
Ensure you are on the 'Questions' page (mod/quiz/edit.php) and run the accessibility checker.
Confirm that there are no errors related to
Empty h3 heading
Form elements with empty labels related to the question version.
Inspect the question version select elements. (e.g. on Chrome dev tools, click on "Select an element to inspect it" and hover on a question version select element.)
Confirm that the question version select elements are now labelled as "Question version"
Edit the section heading (Pencil icon right above "Page 1") with the following text
Prerequisite
Accessibility checker tool like the axe DevTools browser extension
Moodle site with the Multilanguage content filter enabled for both content and headings.
Test
Login as a teacher in a course
Create a quiz
Add some questions to it
Ensure you are on the 'Questions' page (mod/quiz/edit.php) and run the accessibility checker.
Confirm that there are no errors related to
Empty h3 heading
Form elements with empty labels related to the question version.
Inspect the question version select elements. (e.g. on Chrome dev tools, click on "Select an element to inspect it" and hover on a question version select element.)
Confirm that the question version select elements are now labelled as "Question version"
Edit the section heading (Pencil icon right above "Page 1") with the following text
Section < span class = "multilang" lang = "en" >EN</ span >< span class = "multilang" lang = "ja" >JA</ span >
Confirm that the section name is displayed as "Section EN" if your language is set to English, and "Section JA" if it's set to Japanese.
Reload the page.
Confirm that the section name is displayed as "Section EN" if your language is set to English, and "Section JA" if it's set to Japanese.
Run the accessibility checker.
Confirm that you don't see an error about insufficient contrast related to the section heading.
Edit the section heading again. Set it to an empty string.
Without reloading the page, run the accessibility checker.
Confirm that you don't see an error related to an empty h3 heading.
Press "Select multiple items"
Run the accessibility checker
Confirm that you don't see an error about empty form labels related to the checkboxes beside each question item.
Inspect the checkboxes. (e.g. on Chrome dev tools, click on "Select an element to inspect it" and hover on the checkboxes.)
Confirm that it is now labelled as "Select question x" where x is the question number.
There are several accessibility issues left on the quiz editing page.
Running axe DevTools on the quiz editing page, the following errors are returned:
Empty heading h3.
Version select elements don't have an accessible name.