Style:
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Style .fs-checkbox_field element as the outer parent of the Checkbox.
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Style .fs-checkbox_button element Focused (keyboard) state with outline.
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Style .fs-checkbox_field element active state with .is-active combo class when using CMS Filter.
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
To change the active class name when using CMS Filter, change the value of the fs-cmsfilter-active attribute on .fs-checkbox_label element.
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Keep .fs-checkbox_button settings as Style: Custom to remove default Checkbox style.
Accessibility:
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Keep .fs-checkbox_button styled as Position: Absolute to fill the space of the parent .fs-checkbox_field element. Shows the focused state for keyboard users.
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Keep checkboxes inside a Div Block or Collection List with role="group" and aria-label accessibility attributes.
Grouping checkboxes helps screenreader users get a better mental image of the data they are required to fill up.
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Confirm all .fs-checkbox_button elements have a unique id to ensure the elements are visible to assistive technologies.
![close icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1c06ca8f1f620aff7f364_close-white.svg)
Do not hide .fs-checkbox_button element. This element shows the focused state for keyboard users.
Attributes:
![tick icon](https://assets-global.website-files.com/61a217e3c4ddde2ee352a50e/61c1b8e6f5f337765c670853_tick-white.svg)
Change fs-cmsfilter-field attribute on .fs-checkbox_label element.