- Usage
- Accessibility
Usage
Use the Disclaimer Modal component to present critical disclaimers, warnings, or compliance notices that require user acknowledgment before proceeding.
A disclaimer modal is a container that appears on page load, on top of the page content, and disables the page until the user takes an action. Use the disclaimer modal if the user must choose one of, at least, two actions in the modal to continue onward.
Common usage includes:
- Compliance notices for clinical content
- Audience or region-based content restrictions
Dos and don'ts
Do:
- Keep the disclaimer text clear and concise
- Include explicit action (e.g., “Accept” or “Continue”)
- Permit users to exit the modal by clicking anywhere on the overlay background
- Ensure the modal is accessible and keyboard navigable
Don’t:
- Hide essential disclaimers behind multiple clicks
- Use vague or ambiguous language
- Block navigation without clear instructions
Accessibility
This component passes our AA WCAG requirement. Be sure to follow code standards and content guidelines to ensure that this component is fully accessible.
For more information, see the WAI-ARIA Authoring Practices for modals and Deque’s screen reader keyboard shortcuts and gestures documentation.
*Note: Changes made to content structure or code implementation could impact accessibility compliance.