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.
>
>