Footers serve site visitors who arrive at the bottom of a page without finding what they want.
- 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.
- On small screens: when collapsed into an accordion, the navigation should also meet the accessibility requirements outlined in the “Accordion” section.
When to use
- Use the big footer when you want to replicate your site’s navigation scheme in the footer and offer newsletter signups.
- Use the medium footer when you want to offer only a few footer links (for disclaimers, terms of service, etc.), social media icons, and contact information.
- Use the slim footer when you only want to offer a few footer links and nothing else.
When to consider something else
- Avoid using the medium and slim footers when your footer has more than five links.
- Footer links should point to popular content that might answer a visitor’s remaining questions. Links to disclaimers and legal content sometimes need to be in the footer, but try to minimize “disclaimer bloat” wherever possible.
- Link grouping in the footer does not have to mirror link grouping in top level header navigation (especially if the navigation offers many more links than the footer can).
- Include the newsletter sign up if one of your website’s goals is getting visitors to sign up for a newsletter.
- Link only to social media your agency updates frequently or uses to communicate with customers.
- Important contact information should be limited to general email or phone numbers, which should be clickable links to dial from a mobile phone. Physical addresses should live on contact pages users can navigate to from the accordion links.