WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Markup for question and answer scenario (Moore, Michael (HHSC))

for

From: Sean Keegan
Date: Jun 23, 2015 2:37AM

Hi Mike,

Thanks for the reminder. It may be best (where possible) to stick with
<label> for the answer inputs to keep the coding simpler. I think
aria-labelledby will work for when the group needs a description and to
avoid concatenating the whole question+answer.

That said, it may come in handy for some question types (e.g., multiple
true/false, reordering/rearrangement).

Thanks,
Sean


From: "Moore,Michael (HHSC)" < <EMAIL REMOVED> >

> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Cc:
> Date: Mon, 22 Jun 2015 15:38:35 +0000
> Subject: Re: [WebAIM] Markup for question and answer scenario
> Sean,
>
> If you are going to use aria-labelledby to add the question to the input
> for the answer selection you will need to also point to the id for the
> answer selection. When I have tested aria-labelled by overrides any
> existing bound labels. So it would look like this <input ...
> aria-labelledby="idOfQuestionHeading idOfAnswerText" ... /> This way a
> screen reader would read both.
>
> Mike Moore
> Accessibility Coordinator
> Texas Health and Human Services Commission
> Civil Rights Office
> (512) 438-3431 (Office)
> (512) 574-0091 (Cell)
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of Sean Keegan
> Sent: Monday, June 22, 2015 10:22 AM
> To: <EMAIL REMOVED>
> Subject: Re: [WebAIM] Markup for question and answer scenario
>
> Here's a sample of a question type and this is the basic model as to how a
> question may be organized (Note - the sample is Flash-based and not very
> accessible):
> http://pages.uoregon.edu/kscalise/taxonomy/item.php?item&type=flash
>
> The number of questions per page is under discussion, but I would expect
> anywhere from one to four questions per page.
>
> Thanks for the suggestion. I had not thought of using fieldset with
> aria-labelledy. I had considered fieldset and legend to be the required
> combination, so this helps in addressing a formatting/display issue.
>
> Questions:
> - Should <div role=group> be considered equivalent to a <fieldset> in that
> it is for grouping form controls alone? I know how AT will interpret both
> functionally, but asking from a conceptual perspective.
>
> - If there were to be multiple questions per page, would is be appropriate
> to group each question within a region? E.g., <div role=region
> aria-labelledby="the question heading">
>
> Take care,
> Sean
>