Accessibility Issues: Non-interactive Elements Assigned Interactive Roles

[xuede]

Describe the bug
There are accessibility warnings in the @skeletonlabs/skeleton components indicating that non-interactive elements (such as ) should not have interactive roles (option, radio, tab). These warnings appear when using Vite with Svelte in a GitHub Codespace.

To Reproduce
Steps to reproduce the behavior:

Open the project in a GitHub Codespace.
Run the development server with Vite (npm run dev).
Observe the console output for accessibility warnings related to the @skeletonlabs/skeleton components.
Specifically, look for warnings about non-interactive elements with interactive roles.
Expected behavior
The components should not have accessibility warnings. Non-interactive elements like should not have interactive roles. The components should use appropriate interactive elements (e.g.,

, ) to ensure proper accessibility.

Desktop (please complete the following information):

OS: Codespaces (Linux-based environment)
Browser: N/A (Issue observed in development environment)
Version: N/A
Smartphone (please complete the following information):

Device: N/A
OS: N/A
Browser: N/A
Version: N/A
Additional context
This issue was observed while developing in a GitHub Codespace using Vite with Svelte. The warnings are specifically related to the components from the @skeletonlabs/skeleton library:

/node_modules/@skeletonlabs/skeleton/components/ListBox/ListBoxItem.svelte:54:0
/node_modules/@skeletonlabs/skeleton/components/Radio/RadioItem.svelte:36:0
/node_modules/@skeletonlabs/skeleton/components/Tab/Tab.svelte:35:0
These warnings suggest that non-interactive elements are being assigned interactive roles, which can confuse assistive technologies and impair accessibility.