Accessibility on quiz

According to an audit made over Accessibility, violations exist over quiz as follows:

Affected modules: Review Quiz Results

• A) Ensure a valid skip link target is present and is located appropriately

Advisory

The Quiz Navigation Skip Link is located appropriately and valid, however it is currently not showing a legible name to keyboard only users. This is likely a code bug and is only an advisory.

Ensure all skip links show a legible name.

• B) nsure images provide informative alternative text

The image of the coordinate system in question 14 has been given a blank alt attribute. Visually impaired users will not be able to understand the contents of this image without sighted assistance.

<p><img style="

display: block; margin-left: auto; margin-right: auto;

" src="

https://accessibility-sandbox.mrooms.net/pluginfile.php/52/question/questiontext/6/14/19/coordinate%20system.jpg"

alt="" width="205" height="205" /></p>

A long description of this image should be written which describes its contents in the manner which gives the answer away the least. Find our example below.
For clarity, the long description should be revealable by clicking a "Details" link next to the image. Though it may be tempting to use <figure>/<figcaption>, not all screen-reader combinations support the nesting of links within figcaption elements.

<p><img style="

display: block; margin-left: auto; margin-right: auto;

" src="

https://accessibility-sandbox.mrooms.net/pluginfile.php/52/question/questiontext/6/14/19/coordinate%20system.jpg"

alt="A 2d coordinate system. Click 'details' for additional details." width="205" height="205" />

<br/>

<a href="detailspage">Question 14 Figure Details</a></p>

Example Long Description:A grid of squares with a large red dot in the center. Smaller dots appear at these points relative to the dot in the center:

• 2 up and 3 to the left
• 3 up and 2 to the right
• 1 down
• 3 down and 5 to the right

• We leave it to your discretion whether you want to change up the order of the descriptions (reversing the appearance of up/down and left/right in the point descriptions, for example).
• If the school has determined that sighted assistance is necessary for comprehending these images, the images alt attribute should indicate that blind users will need sighted assistance to interpret this figure.

This will likely needs a change to the authoring tool which is used to compose these quizzes.

• C) Avoid placing inactive elements in the focus order

Every "Answer:" fields that required the tester to input a value receives keyboard focus, even though it is not actionable. Inactive elements such as this should not be included in the focus order, as it gives the impression to assistive technology (AT) users that the elements is interactive.

Ensure that only actionable elements on a page receives keyboard focus. In this instance, developers can add tabindex="-1" to remove each answer field from the focus order.

• D) Avoid the sole use of device-dependent event handlers

For each sub-question below Question 7, there is additional information about each answer that is accessible to mouse users, but not keyboard only users. This additional information, if the current answer is incorrect, provides the correct answer, which is critical information and needs to be accessible to both mouse and keyboard users alike.

This is necessary for users whom are blind, low vision, or have physical disabilities who do not use the mouse. Along with keyboard, individuals also sometimes use alternative input devices that emulate the keyboard.

Ensure that device-dependent handlers are not solely used as a means for accessing dynamic functionality.

Rather than using OnMouseUp, OnKeyUp should be used.