Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Tabs minimize the usage of screen space, which improves the overall look, organization and functionality of the page.

  • Use a minimum of three tabs or a maximum of five. Accordion view is recommended over tabs if there are more than five sections are required.

  • Tab labels should not exceed two lines.

  • Use title case for tab labels.

  • Always use the ampersand (&) instead of “and” in accordion labels

  • Order your tabs logically and assign a short title for each.

  • Do not use tabs when they do not lend themselves to the content, such as when the information in all tabs needs to be presented in a sequential order or when information needs to be compared.

  • Do not use tabs if content should not be hidden until clicked on.

  • Embedded Inline images can be used in a tab so long as they add value to the text and are used in a consistent way.

  • On Note that on mobile, tabs turn into are displayed as accordions.