Accessible Expand/Collapse Patterns
This page demonstrates accessible disclosure widgets using standard HTML, CSS, and minimal JavaScript for state management.
Example 1: Manual Disclosure Widget
This version uses a <button> with aria-expanded to manage visibility of a following div.
You can track your order through the "My Account" section of our website. Once your order ships, you will receive an email containing a tracking number and a link to the carrier's website.
Example 2: Native HTML Elements
This version uses the native <details> and <summary> elements, which provide built-in accessibility for many browsers.
What is your return policy?
We offer a 30-day return policy on all unused items in their original packaging. Please contact our support team to initiate a return request and receive a shipping label.