Style:
Style .fs-radio_field element as the outer parent of the Radio Button.
Style .fs-radio_button element Focused state with box-shadow.
Style .fs-radio_field element active state with .is-active combo class when using CMS Filter.
To change the active class name when using CMS Filter, change the value of the fs-cmsfilter-active attribute on .fs-radio_label element.
Keep .fs-radio_button settings as Style: Custom to remove default Radio Button style.
Accessibility:
Keep .fs-radio_button styled as Position: Absolute to fill the space of the parent .fs-radio_field element. Shows the focused state for keyboard users.
Keep radio buttons inside a Div Block or Collection List with role="radiogroup" and aria-label accessibility attributes.
Grouping radio buttons helps screenreader users get a better mental image of the data they are required to fill up.
Confirm all .fs-radio_button elements have a unique id to ensure the elements are visible to assistive technologies.
Do not hide .fs-radio_button element. This element shows the focused state for keyboard users.
Attributes:
Change fs-cmsfilter-field attribute on .fs-radio_label element.
