Interactive
A collection of components that are interactive in nature and all someone to click, hover, swipe, etc. to discover or manipulate the content within the component.
Modal
The button that opens modal must have modal="button" attribute and is the immediate sibling before modal-wrapper element. There is custom JS in the project settings to uses these elements to enhance modal accessibility.
This is a modal
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
ButtonClose ModalAccordion
The individual accordion-item should be placed within a list item in a list element, and all content should go within the accordion-content_spacer element of the accordion.
Video Player
An accessible video player (like Able Player) greatly improves the interaction with video elements. Copy the custom CSS and JS in the page settings over to any page you are adding this component too. See the full documentation for more info, and if the player looks broken try refreshing the page as this is only due to us using tabs as navigation.
Slider
A custom slide built using the Slick Slider library so that it is accessible and can also be easily integrated with the CMS. Note the specific classes and ID's used on elements within the component and the custom CSS and JS labeled within the page settings.
