WCAG guide

Footer accessibility checklist

Accessible footers improve orientation, navigation speed, and trust for all users. Use this checklist to harden implementation quality across every template.

Updated 2026-08-25

1Footer

Blog

Pricing

Core accessibility checks

Landmarks and labels

Use one document footer landmark and label nested navigation groups with explicit aria-label values.

Keyboard navigation

Ensure every footer link is reachable by keyboard with a clear focus order and visible focus indicator.

Heading hierarchy

Use meaningful heading levels inside footer link groups so screen-reader users can scan quickly.

Readable contrast

Keep text and icon contrast compliant for normal and large text in every theme and state.

Link purpose clarity

Use descriptive link text so destinations are understandable without surrounding context.

Frequent failure modes

• Footer columns with visual headings that are not semantic headings in HTML.

• Navigation lists built with div and span tags instead of links and list semantics.

• Muted legal links with insufficient contrast on smaller screens.

• Repeated generic link text that hides destination intent from assistive users.

Footer accessibility checklist FAQ

Why does footer accessibility matter?

Footers are repeated across pages, so accessibility issues are multiplied site-wide and affect every user journey.

Do footer navigation groups need aria-label?

Yes. Labels on navigation groups improve screen-reader orientation when multiple navigation landmarks exist on a page.

How often should I audit footer accessibility?

Audit after major design changes and during regular release cycles, especially when links or color tokens change.

More footer guides

Build a semantic HTML footer

Learn footer definition and SEO basics

Scan a live footer