This is the content of the first tab panel. It is visible by default when the page loads.
The tab interface uses proper ARIA roles and attributes for accessibility, including role="tab", role="tabpanel", aria-selected, and aria-controls.
This is the content of the second tab panel. It becomes visible when you click the Second Tab.
Keyboard navigation is supported: use Tab to focus the tab list, then arrow keys to move between tabs, and Enter or Space to activate.
This is the content of the third tab panel. It becomes visible when you click the Third Tab.
Only one panel is visible at a time. The other panels are hidden using the hidden attribute.