Responsive tabs example

Open responsive-tabs-demo.html in a modern browser. The sample uses native HTML buttons, CSS, and vanilla JavaScript. It does not need jQuery or a build step.

Keyboard behavior:
- Tab enters the tab list at the selected tab.
- Left and Right Arrow keys move and activate tabs.
- Home and End move to the first and last tab.
- Tab moves from the selected tab into its panel content.

The sample connects tabs and panels with aria-controls and aria-labelledby, updates aria-selected and tabindex, hides inactive panels, and keeps visible focus styling. Review the markup and adapt the labels and content to your project. Test with the assistive technologies and browsers your audience uses.