|
Nicole -> Some Questions about Accessible Quizzes... (7/24/2006 1:24:11)
|
I have a quiz on a client’s site that I’m trying to make sure is accessible (See Screenshot). I’ve thought of some possible reasons why the current form isn’t accessible, despite it being laid out in tables, which will be converted to CSS, and I’ve also thought of some solutions to these problems but thought I’d post them here before I launched into these quizzes as perhaps some of you might know of reasons why my solutions won’t work, or maybe you can think of other better solutions.
First problem is that the check box appears before the response for each question which means that the opportunity to select the box has been missed by those using screen reader technology once the response is being read out.
One solution I’ve thought of is to position the question, the check boxes and the responses each in separate divs, float the response right and the checkbox left but have the right floated response appear first in the code.
Another solution to this and maybe even in addition to the first solution, is to make each question a #bookmark link and place a link after the last response for each question saying “Repeat this Question”. Then at the bottom of the entire quiz, to place another bookmark link back to the first question so they can opt to change any previous responses or check their responses.
Like skip links this would put a visible link on the page that sighted viewers would think was useless, but I can live with that.
The other issue is that this quiz doesn’t currently have the ability for the user to select the response text and by doing so checking the checkbox. I’m thinking about those who may be unable to control a mouse with ease and giving them more control this way? They would also be able to tab through the responses as usual, which I’ve just tried on the old table version of the quiz and you can tab through but you can’t seem to check a checkbox by pressing enter. It seems that pressing enter submits the quiz incomplete. Any solutions to this would be greatly appreciated.
I’ve been mulling over these solutions for about a week and these are the only solutions I can think of save for creating a different quiz with only one question per page. As the script for the answer pages have already been written, I don’t really think that’s an option though. Can anyone think of any other accessibility issues and also respond as to whether my solutions are going to make for a more accessible quiz, or are there any better solutions?
[image]local://upfiles/12879/B95EFD070B7E46EC9541AD76F9829FF1.jpg[/image]
|
|
|
|
