Skip to main content

Top tips for accessible cookie banners

· 2 min read
James Jacobs

Installing a cookie consent banner has become mandatory for websites in many regions due to evolving privacy laws. However, with so many options out there, it can be tough to select one that truly delivers an accessible user experience.

Many cookie banners unfortunately miss the mark when it comes to accessibility for those relying on assistive devices. But designing an inclusive site means considering how consent managers integrate with screen readers and other technology used by visitors.

After evaluating numerous solutions, we've had consistently good results using Free Cookie Consent from FreePrivacyPolicy.

However, to help achieve accessibility, we recommend selecting "Headline dialog" for your banner style. This should make the banner display at the top of the page statically (will scroll with page content and not positioned over other content).

When you select "Simple dialog", the banner will be displayed at the bottom right of the page, and overlaps other elements. This can result in WCAG 2.4.11 "Focus Not Obscured (minimum)" AA failures, when a user keyboard tabs through the page and focuses an element behind the cookie banner.

If you have already copied a snippet from the site, this can also be achieved by changing the notice_banner_type option in the code snippet from simple to headline.