The Cookies Banner component is an essential part of a website's compliance with privacy regulations. It notifies users that the website uses cookies to collect data and provides them with an option to give or deny consent for their use.

The banner should be designed to be noticeable but unobtrusive, providing clear and concise information about cookies and their purpose. It should also be easy to dismiss or hide, and the user's preference should be saved for future visits.

Examples:

Image

When to use the cookie banner component:

The cookies banner should be used on websites or web applications that use cookies to store information or track user behaviour. This component is necessary to comply with laws and regulations related to user privacy, such as the General Data Protection Regulation (GDPR).

The cookies banner should be displayed prominently on the website, usually at the top or middle of the page. It should include a brief explanation of why cookies are used on the website and a link to the website's privacy policy for more detailed information.

The banner should also provide users with the option to accept or reject the use of cookies.

Accessibility:

It is important for us to consider the following points when using the cookie banner:

• The cookie banner should be perceivable by all users, including those who use assistive technologies like screen readers. This can be achieved by using clear and easy-to-read text and contrasting colours.
• The cookie banner should be operable by keyboard-only users, who may not be able to use a mouse or touch screen. This means ensuring that all interactive elements in the banner can be accessed and activated using the keyboard alone.
• The cookie banner should be understandable by all users, including those with cognitive or learning disabilities. This can be achieved by using simple language and avoiding jargon or technical terms.
• The cookie banner should be robust and compatible with a wide range of devices and assistive technologies. This means testing the banner on different platforms and with different assistive technologies to ensure that it works as intended.