There are some optional page layout elements that provide structure to the content on a webpage. These page elements are in addition to headings, lists and paragraphs.

Accordions, processes and tables can be combined as best suits the content and purpose of the webpage. The Web Team will make such recommendations.

View the standards for how videos and images are presented on a webpage.

Expectations for an Accordion Template

Accordions are used to increase scannability on a webpage and avoid creating extraneous webpages. They allow a user to decide whether to show or hide certain information by opening and closing accordion panes.

Accordions are ideal for FAQs and can also be useful for audience-specific information and categories of information. 

  • Accordions must have at least 2 panes
  • Accordions must a have an intro paragraph placed in a topic element above the panes

Here are some examples of accordion panes: 

Expectations for a Process Template

Process templates are used to illustrate steps in a process or give an overview of program/services' selling points. They accommodate short amounts of text content but do not contain images.

  • Process templates can have up to 8 panes
  • Each process pane must have a title, an icon or number, and a description
  • If more than 5 panes, they will use the same color behind the icon/number

Here are some examples of a process template: 

Expectations for a Table

Tables are used to display numerical data or event schedules (such as time, date, location, description).

  • Tables cannot be used to force content into multiple columns
  • Tables cannot be used to align an image next to text
  • If a table is used, it must be set to 100% width. Cells can also be set to a percentage width if desired. 
  • Tables do not use borders, shading, text alignment or other decorative styles

Here are some examples of tables: