Blind and Visually Impaired Community
↑
5
↓
How to tell users who use a screenreader if they have solved a task right or wrong (self.Blind)
submitted by brellma
Hi!
I'm working on making digital learning systems (for children) accessible and we could really need some advice. When we tested the system with a screen-reader, we noticed that the users do not get any information in which they have solved the task correctly or wrong. (There is not sound or anything in the code that ar accessible for the user). The only way they can figure it out is when they are tabbing through and getting to the "show correct" answers button.
We have to solve this, but it's not clear which solution would work out best. Let's say we are using multiple choice tasks...how do we tell the users what's wrong and what's right when checking the task?
I'm working on making digital learning systems (for children) accessible and we could really need some advice. When we tested the system with a screen-reader, we noticed that the users do not get any information in which they have solved the task correctly or wrong. (There is not sound or anything in the code that ar accessible for the user). The only way they can figure it out is when they are tabbing through and getting to the "show correct" answers button.
We have to solve this, but it's not clear which solution would work out best. Let's say we are using multiple choice tasks...how do we tell the users what's wrong and what's right when checking the task?
Marconius 2 points 2y ago
If you are evaluating the answers with each question, simply create an empty div that receives text when a button is pressed and add aria-live="assertive" to it. The text would be whatever you are saying when the student gets the answer correct or incorrect. If you are already displaying this text or graphic somewhere on the screen when the student selects an option, add the aria-live attribute to a container wrapping around that element so it gets read aloud when it appears.
If you aren't showing the student the correct and incorrect answers when they are taking the test and are evaluating at the end, then you'll need to be a little more specific as to what you are trying to do.
If you aren't showing the student the correct and incorrect answers when they are taking the test and are evaluating at the end, then you'll need to be a little more specific as to what you are trying to do.
brellma [OP] 1 points 2y ago
Thank you for your response. We would like to evaluate the answear when the student is ready to "check" the task. So let's say they are doing a task where there is a text with different gap fills and they are supposed to fill these gap fills with for instance four correct words. I would like the student to fill in all the. missing words and then hit the "check task" button.
Let's say the student filled in 2 words correct and 2 words wrong. What would be the best solution when the student is checking the task?
Let's say the student filled in 2 words correct and 2 words wrong. What would be the best solution when the student is checking the task?
Marconius 1 points 2y ago
Do you want them to explicitly know which words are placed wrong in this case? Or do you want them to go back and figure it out for themselves? You can come up with a dynamic string that would get injected into an aria-live container that calls out specifically how many words were correct, like "You got 3 out of 4 correct. Try again!" You would also supply an aria-label on each of the incorrect words using something like aria-label=?incorrect" if it's wrong, that way when they focus back on the sentence and navigate element by element, they'll hear their answer text followed by incorrect."
Make sure the instructions for completing the task are clear and that the blank spaces are easy to discern within the sentence. Depending on how you have it set up dynamically, a screen reader may only focus on the sentence segnent before and between each blank and each blank would also be focusable. Keep that in mind for overall UX. I'm also assuming the answers are being provided in an interactive list where they are clicked on in the order that they would fill in the blanks.
Make sure the instructions for completing the task are clear and that the blank spaces are easy to discern within the sentence. Depending on how you have it set up dynamically, a screen reader may only focus on the sentence segnent before and between each blank and each blank would also be focusable. Keep that in mind for overall UX. I'm also assuming the answers are being provided in an interactive list where they are clicked on in the order that they would fill in the blanks.
brellma [OP] 1 points 2y ago
I think it would be nice for pedagogical reasons to make the students go back and figure it out themselves. I also think your suggestion sounds like a verdu good solution!
For tasks where we ask the users only one question, and they choose their answer, and check the task. Is the best solution to create an empty div that receives text when the check-button is pressed and a added aria-live="assertive" tells the student "correct answer" or "wrong answer, try again"?
For tasks where we ask the users only one question, and they choose their answer, and check the task. Is the best solution to create an empty div that receives text when the check-button is pressed and a added aria-live="assertive" tells the student "correct answer" or "wrong answer, try again"?
Marconius 1 points 2y ago
Yes, even for one answer questions, creating that aria-live interaction will go a long way. Are you having visible text appear on screen or are you only visually displaying correct and incorrect via color and shapes? It's much more inclusive to have the text appear visibly as color alone should not be used as the only method of creating visual indicators.
bradley22 2 points 2y ago
I’d recommend aria be used here.
A small alert from the site that you got the question rite or wrong would be nice along with a sound.
A small alert from the site that you got the question rite or wrong would be nice along with a sound.
Winnmark 1 points 2y ago
Right*
bradley22 2 points 2y ago
I was typing fast :)
Thecapitalistboy 2 points 2y ago
gunfart 1 points 2y ago
I am no rocket scientist, but wouldn’t the solution be to just add an audio queue for when the problem is solved correctly or incorrectly? A simple ding or buzz for right or wrong would solve that issue. You even said it yourself, there’s no audio cues. Just add them? It doesn’t seem that difficult…
BlueRock956 0 points 2y ago
Hi, the student should not receive immediate feedback on their answers. They should receive the score once they are finished with the assignment. These results could include the questions that were answered incorrectly, so that the student may study and realize why their answer was wrong.
This nonprofit website is run by volunteers.
Please contribute if you can. Thank you!
Our mission is to provide everyone with access to large-
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
scale community websites for the good of humanity.
Without ads, without tracking, without greed.
©2023 HumbleCat Inc • HumbleCat is a 501(c)3 nonprofit based in Michigan, USA.