Expand/Collapse Widget
Demonstrations of accessible disclosure (expand/collapse) patterns using a button with aria-expanded and aria-controls.
Simple Expand/Collapse
What is web accessibility?
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can perceive, understand, navigate, interact with, and contribute to the web.
Accessibility encompasses all disabilities that affect access to the web, including auditory, cognitive, neurological, physical, speech, and visual disabilities.
System requirements
To run this application, your system must meet the following minimum requirements:
- Operating system: Windows 10 or later, macOS 12 or later, or a recent Linux distribution
- Memory: 4 GB RAM minimum, 8 GB recommended
- Storage: 500 MB of available disk space
- Browser: A modern browser with JavaScript enabled
Initially expanded section
This section is expanded by default to demonstrate an initially visible disclosure widget. Users can collapse it by activating the button above.
This pattern is useful when content should be visible on page load but can be hidden to reduce visual clutter when not needed.
Accordion Pattern
Frequently Asked Questions
To create an account, select the "Sign Up" link at the top of the page. You will be asked to provide your name, email address, and a password. After submitting the form, check your email for a verification link to complete the process.
Yes, you can change your email address from your account settings. Navigate to "Settings," then "Profile," and select "Edit email." You will need to verify your new email address before the change takes effect.
We accept the following payment methods:
- Major credit and debit cards (Visa, Mastercard, American Express)
- PayPal
- Bank transfer (for annual plans)
All transactions are processed securely and your payment information is never stored on our servers.