Español | Other Languages

An official website of the United States government

FAQ Module

Best Practices

Print

Overview

Frequently Asked Questions (FAQs) are spread throughout CDC sites. They provide focused information to the user based on topics of particular interest.

The FAQ Module was created to produce uniform content across CDC sites and searches. New FAQ content can be shared easily with external partners and allows FAQ information to reflect in Google rich results. The content provided to partners also retains formatting for consistency. Individual FAQ items can be syndicated as well.

Example FAQs showing variations in styling and function are provided below.

Overview Sample

What does an FAQ question look like as an accordion?

An FAQ item looks like this when accordion is selected as the card style. Additional information can be linked to below using the FAQ settings window.

Click Here for More Information on Building One

Guidance

Be brief with both questions and answers. Link to more detail when necessary.

When using multiple FAQ modules across a site, maintain a consistent look and feel.
Use the FAQ module for supplemental content only, especially when using the accordion style. Accordions do not work well for presenting core content.
Note that there is a delay between the publishing of pages containing FAQs and the rich results produced by Google searches.

Go to Examples

Go to Examples
See examples on this page that illustrate key options.

Building in the WCMS
See key tips and guidelines for working with alert modules in the WCMS.
TP4 UX Best Practices [PPT - 14 MB]
For general guidance on colors, layouts, and overall presentation, see this overview of TP4 best practices.

Examples

Accordion Style FAQ Module

Example Question - E1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Example Question - E2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Header Main Primary

Question Example - A

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Header Gray

Example Question - C1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Example Question - C2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Header Accent Primary

Example Question - B

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Header White

Example Question - D1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.

Example Question - D2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est velit, aliquam vel nisi euismod, mollis convallis leo. Aenean vitae ex vel lorem placerat bibendum hendrerit vel ligula. Vestibulum tincidunt nisi eleifend, pharetra massa eu, consequat elit.