I am working on updating my forms for an ADA compliance that we need in place. However when I do a screen reader test on one of my forms I am getting error messages in the code and it doesn't seem as though the fields are being read correctly. How do I get screen readers to read my checkboxes correctly. See attached screenshot of the code as well as a screenshot of how I have the checkboxes built.
Question
Question
Replies
Hi Kristin, what error message are you referring to? In the screenshot I can only see the ARIA labels. I also tested the latest version of Forms with NVDA, and it reads the checkboxes correctly on my end. Could you share a bit more detail about the issue you’re seeing and what your expected behavior is?
I guess my question is, the screenshot above of the build, will that work for screen readers to read the value?
That is what I am looking for, the screen reader to read the value of the checkbox. The Aria error is the only error we are getting stating it can't ready the checkbox value.
Can you paste the exact error? The screenshot doesn't show an error message.
Do these help? And maybe they aren't errors persay but this is what the Aria error is.
Hey Kristin,
I just tried recreating this and I don't seem to get the same ARIA error that you see.
I'm only on version 11 though, but I wouldn't imagine this would make a difference between the two versions. Does this happen in a blank form with none of your CSS styling applied?
Yes.
I ran the test in the wave extension myself. The warning states a form label is present but not associated with a form control. This is just a warning, the individual checkboxes are labeled by their option choices and the whole field is wrapped in a group labeled by field's label. This way screen readers read "entering field label group" and then each checkbox choice without repeating the field group.
So do we think that my build above with the Label and Values will work fine with screen readers? Or do I need to do something else?
You might not be on the latest latest version of 12. There are some slight differences in my version and the screenshot you showed. It should still be accessible, but we fixed some false positives in the automated testing (WAVE extension).
Regardless you should be ok though.
Laserfiche Forms Professional Version 12.0.2509.20409
This is the version of forms we just got upgraded to back on February 26th.
You should be good then!