This page demonstrates accessible expand/collapse widgets. Each uses a button to toggle the visibility of associated content.
Example 1: Product Details
Care Instructions for Organic Cotton T-Shirt
To ensure the longevity of your garment, please follow these guidelines:
- Machine wash cold with similar colors.
- Use a mild, eco-friendly detergent.
- Tumble dry low or lay flat to dry.
- Do not bleach. Do not iron directly on print.
Following these steps will help maintain the fabric's quality and color.
Example 2: FAQ Item
We offer a 30-day return policy for all unused items in their original packaging. Returns are free if initiated within 14 days of delivery. Please contact our customer service team to start a return. Refunds are processed within 5-10 business days after we receive the item.
For more details, visit our Returns & Exchanges page.
Example 3: Configuration Options
Advanced Privacy Settings
Accessibility Note
These widgets are implemented with native HTML buttons and proper ARIA attributes (aria-expanded, aria-controls). The content is toggled using the hidden attribute. Keyboard users can operate them with Enter or Space. Focus is clearly visible, and the interface adapts to high contrast and narrow viewports.