diva FAQ FAQ pages made easyPC/Mac  $29

FAQ pages are everywhere on the web...and they are often unappealing visually, and pretty darn awkward to use - what with all that scrolling around on the page. divaFAQ is different. Of course. First off, it is easy on the eyes - it just looks good right out of the box. Next, it is easy for the site's visitors to use - by clicking the Question, its Answer opens right there for easy reading. Finally, an added plus, it is really easy for you, the page designer, to employ and maintain. Really.

In a nutshell:

Add to your page a standard Definition List and give it an id. Add divaFAQ to the page and.... nothing will seem different (although Dreamweaver users will see a divaFAQ's Design View Shield Shield on the page.) But your page comes to life in a browser, where it will be transformed into something new and very different. And of course you have complete control over its appearance. By "injecting" our code into your html, you do not need to add special coding to every list element on your page, because we do it for you on-the-fly!

Watch divaFAQ in action (with Closed Captions).

The main advantages:

  • It is Search Engine friendly.
  • It is screen-reader and keyboard "friendly".
  • It degrades nicely (hidden elements are visible in script-disabled UAs).
  • With javascript disabled, there are no Togglers and DTs do not appear as links.
  • It can open a page with a particular answer already opened.
  • It uses semantic markup.
  • It does not use an inline event attribute.
  • It does not require A elements in the markup.
  • It is IE Mac compatible.
  • It needs no hook on the DT/DD pairs.
  • It allows authors to add/move/delete Q/A pairs easily.
  • NEW: now works with multiple DDs (Answers) per DT (Question)

About the "Show All/Hide All" "links":

  • they let the user expand all answers at once, so it is possible to search the entire document.
  • they are hidden from Javascript-challenged browsers.

How to use divaFAQ: