Layout: Badges

Layouts for body and footer badges featured on the website.

#Setup: Footer badge

Used within a website footer.

Configuration:

  • Set up "Program/Department - Footer - Contact Group" for the website (example).
  • Use an SVG image when possible.
  • Image height = 150px (approximate), width = no more than 300px. The idea is to set the height to be even with surrounding elements.
  • Alt text should reflect the contents of the badge.
  • Hyperlink the image to the appropriate accrediting agency when possible.
  • Center text and image when possible.

Example: Department of Psychology

###

Accreditation badge in the footer of a website


#Setup: Page badge

Used within the body of a child page.

Configuration:

  • Place near the bottom of the child page.
  • Use an "Accreditation" or appropriate h2 header.
  • Include a brief intro/explanation.
  • Use an SVG image when possible.
  • Use best judgment for image size but it should not overwhelm the space or surrounding elements.
  • Alt text should reflect the contents of the badge.
  • Hyperlink the badge and name of the appropriate accrediting agency when possible.

Example: Master of Public Administration

###

Accreditation badge in the body of a website