Quiz options are not accessible

[ecureuill]

Quiz options are not accessible

[github-actions]

This Feature is ready to be implemented.

[CAndresH]

I have reviewed the code and it has the requested requirements:
Add aria tag in RadioGroup
Add label attribute in FormControlLabel
Add control attribute to option render as a native component

I've tried ChromeVox and Read Aloud text-to-speech reader and it has no problems reading labels

[ecureuill]

@CAndresH I did a suggestion with RadioGroup (in November/2019 it was coded as a radio), But I now notice that have changed for checkboxs.
So need to check the Material-Ui component and the the WAI-ARIA Practice Guides to correct the accessibility.

Please, check this video
https://drive.google.com/open?id=155Cf5EKMU42RNz74ZKzVz2SWIb414zIA
I'm showing you what should be the result (with WAI-ARIA example) and how currently is the output in SELI

See the documentations
https://material-ui.com/components/checkboxes/#accessibility
https://www.w3.org/TR/wai-aria-practices-1.1/#checkbox

If you need help, call me.
I'll try to create demo for you and add the link here

[github-actions]

Functional Test failed!
Please, review your solution.

[github-actions]

This Feature is ready to be implemented.

[github-actions]

This Feature Request was accepted, but are not going to be implemented in next release.

---

This will be in #60 release

[github-actions]

This feature have been implemented and is ready for Funcional Test.
Please, test the feature.

[github-actions]

Functional Test failed!
Please, review your solution.

---

Tried to do a quiz using the screen reader and navigating the pag with tab, and encountered some errors:

https://drive.google.com/file/d/1xGDJ6RuHQtNobchU1-S-BoCZrssowMPl/view

• 0:08 - Screen reader does not read "Time limit: 01:01:01 minutes. Number of questions: 2. No award points"

• 0:09 -- When user selects "Start quiz" the screen reader says "Close SELI quiz"

• 0:13 - The "Cancel" and "Yes I'm sure" options are being read before the "Are you sure [...]"

• 0:44 - Answer options are not read unless when selected

• 0:50 - When navigating with tab the question is not read

• 1:30 - When user goes to the next page the screen reader doesn't read it, it reads only the "finish" button

• Also in no moment que screen reader says the number of possible answers for each question

[CAndresH]

@rebeccamello , @caroltaus the accessibility has been corrected according to the suggestions of its recipients, except with this requirement. "Also in no moment that screen reader says the number of possible answers for each question,"
Since the number of questions can be dynamic, it is not possible to implement this function using the accessibility tools of html or mataria UI, this information would have to be entered by the teacher or a function would have to be made that counts, which was not considered with Camila

[github-actions]

Functional Test passed!
Please, make a PULL REQUEST or, if already merged, close the issue.

[github-actions]

Functional Test failed!
Please, review your solution.

---

Please, move to CODED only when this feature is fully implemented

• bugs reported in comments are fixed
• requirements in OP are coded
  If you want to request a test of some partial solution, add a comment here with test team @

---

• Remove "minutes" after the time limit

---

• "Next" button is not working

[github-actions]

This feature have been implemented and is ready for Funcional Test.
Please, test the feature.

[github-actions]

Functional Test failed!
Please, review your solution.

---

• When user finishes a quiz, the screen reader does not read "Are you sure you want to finish the quiz" nor the Yes or No options automatically, it only says "button".

---

• @ecureuill has coded an example using material UI and just html5 that reads the number of items, so you can use it to complete the missing task in #37 (comment)
  https://so6du.csb.app/

[CAndresH]

@caroltaus please check now

[github-actions]

This feature have been implemented and is ready for Funcional Test.
Please, test the feature.

[github-actions]

Functional Test failed!
Please, review your solution.

---

Everything is working well! except:

• When the screen reader first reads the entire page, the question is being read twice

---

• When the user selects "no" for "are you sure you want to finish the quiz?" the system crashes with a blank page

[github-actions]

This feature have been implemented and is ready for Funcional Test.
Please, test the feature.

[github-actions]

Functional Test failed!
Please, review your solution.

---

Now these pages are not being read automatically when the user first enters the page and neither is the page of the first question of the quiz. All the others are ok.

[caroltaus]

• the pages in these screenshots (#37 (comment)) are still not being read automatically when the user first enters the page

---

• when the screen reader reads the page automatically the "previous step" is not being read
  

[CAndresH]

Hi @caroltaus I have reviewed everything about this part,

and it is not possible to make that the screen reader read the content of this component automatically, as it seems the problem is that the focus is lost since they are components reused from other parts of code and the javascript functions not to locate the focus do not work correctly,

about this screen, I tested it and the reader is automatically reading correctly

and finally about this : "when the screen reader reads the page automatically the "previous step" is not being read", I will fix it today and move the issue to coded