WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Mark-up for mulitple choice tests.

for

From: L Snider
Date: Mar 13, 2015 12:09PM

This is just my 2 cents...I had to mark up a survey once, and it had
similar question formats. I did a heading for each question, and put the
text Question 1, etc. in there-so at least if someone listed them off it
helped get a sense of what was going on. I think I also did fieldsets, but
can't remember how I solved the issue you mentioned below. Would love to
hear what others say about it!

Cheers

Lisa



On Fri, Mar 13, 2015 at 12:56 PM, Bourne, Sarah (ITD) <
<EMAIL REMOVED> > wrote:

> How would you mark-up a multiple choice test item in HTML so that the
> question and choices are both picked up by screen readers?
>
> Here is an example test item:
>
> You are throwing a dinner party. Two guests are vegetarians. One person
> is allergic to nuts, and another is lactose intolerant. Which dish can you
> serve?
> - Eggplant parmesan
> - Yankee Pot Roast
> - Trout Almandine
> - None of the above
>
> The answers (indicated in the example with a leading dash and space) would
> be marked up as radio buttons whose labels are the answers. The obvious
> way to programmatically connect the question paragraph with them is to make
> the paragraph the legend of a fieldset.
>
> But screen readers would then repeat that legend in front of each answer.
> Wouldn't the test taker's head explode by the fourth or fifth question? Is
> there a more elegant, less verbose, but valid and easy to use way of
> handling things like this?
>
> sb
> Sarah E. Bourne
> Director of IT Accessibility, MassIT
> Commonwealth of Massachusetts
> 1 Ashburton Pl. rm 1601 Boston MA 02108
> 617-626-4502
> <EMAIL REMOVED>
> http://www.mass.gov/MassIT
>
>
> > > >