Refine By

Footer

  • Contents:
  • Footers are the content sections found at the very bottom of pages.
  • Like headers, footers are persistent across all pages of a website.
  • They usually contain information and navigation options that users find helpful.

Guidelines

 

  • Ensure the elements placed in a footer meet contrast ratio guidelines for legibility.
  • Use any of the following elements in a footer:
    • Brand logo(s)
    • Contact information
    • Copyright
    • CTAs
    • Email sign up form
    • Links to map, directions, sitemap, privacy policy, terms and conditions, press, awards, certifications, association memberships
    • Recent blog posts
    • Site nav
    • Social media icons/widgets
    • Testimonials
  • Ensure the footer sticks to the bottom of the page and does not scroll past content.
  • Keep it simple and easy to scan.

Make it clear what is and what is not a link.

Accessibility

 

Code the navigation so that pressing the tab key moves focus from link to link in the navigation, even when the navigation has collapsed into an accordion.

As you use and customize this element, ensure it continues to follow the Accessibility 101 guidelines.

Related Elements

Related Components

Version History

Date/Time of ChangeWho Made the ChangeChange Details
May. 03 2017 7:52pm Initial content entry.