WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: opinions? FAQs as definition list or headings/paragraph?

for

From: Birkir R. Gunnarsson
Date: Sep 25, 2016 5:37PM

You could use an unordered list with all the questions as accordions
(when you click the question link the answer text expands).
<ul>
<li>
<button aria-expanded="false">Question 1</button>
<div class="hidden">The ansers to question 1 and stuff, maybe with
headings.</div>
</li>
...
</ul>

No particular reason it is any better than headings with paragraphs.
Nice that user can see how many FAQs there are and only expand the
ones they are interested in.
Only offering this as an alternative since you asked about it. *grin*



On 9/22/16, JP Jamous < <EMAIL REMOVED> > wrote:
> Headings followed by a P tag will be ideal. The SR user would be able to
> skip the headings that are not desired. Once landing on the desired heading,
> it is a simple down-arrowing from there.
>
> I always prefer the KISS method. The simpler the better.
>
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf
> Of Angela French
> Sent: Thursday, September 22, 2016 1:14 PM
> To: WebAim Forum ( <EMAIL REMOVED> )
> < <EMAIL REMOVED> >
> Subject: [WebAIM] opinions? FAQs as definition list or headings/paragraph?
>
> Hello,
> I'm interested in what structure folks think is best to code a Frequently
> Asked Questions page as. As a definition list? Questions as headings
> followed by answer in a paragraph? Other ideas?
> I'm inclined to try a definition list, but perhaps questions/answers don't
> quite fit the purpose for a definition list.
>
> Thanks,
>
>
>
> Angela French
> Internet/Intranet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> www.sbctc.edu<;http://www.sbctc.edu/>;
>
> > > http://webaim.org/discussion/archives
> >
> > > > >


--
Work hard. Have fun. Make history.