Alert V12

Author: Colorlib
Released: September 2026
License: CC BY 3.0
A floating consent bar pinned to the bottom of a bakery website, with Settings, Necessary only and Accept all buttons. Settings expands a panel of category switches, with necessary cookies locked on. Any choice closes the bar, confirms the choice in a status message and moves focus to a Cookie settings link that reopens it; nothing is tracked or stored.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 204 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Settings disclosure with aria-expanded and Escape to close
- Category switches built on native checkboxes with role="switch"
- Rejecting is as easy as accepting
- Focus moves to the reopen button after a choice
- Scrolls inside itself on short screens

