Chat participant list is unreachable via keyboard

[Woebin]

Describe the bug
This is a violation of the Web Content Accessibility Guidelines (WCAG) SC 2.1.1 (A) Keyboard.

Not everyone can use a mouse, other pointing device, or touchscreen. To make things usable for everyone, it's important for interactive elements to be usable via keyboard alone.

The participants list that can be expanded in the chat widget can be opened via keyboard, but its contents aren't reachable at all. Tabbing through the page, we never reach these elements:

To Reproduce
Steps to reproduce the behavior:

1. Tab through the interface to the participants list button.
2. Open the participants list.
3. Try to tab into the list.
4. See that it's unreachable.

Expected behavior
Everything that's accessible by mouse should also be accessible by keyboard. Using standard semantic HTML elements instead of building custom ones out of <div> and <span> elements will usually achieve this.

Server:

• Peertube version: 7.2.1
• peertube-plugin-livechat version: 14.0.0

Desktop:

• OS: MacOS 15.5
• Browser: Google Chrome Version 137.0.7151.120 (Official Build) (arm64)

Additional context
This issue was recorded as part of an accessibility audit carried out by Axess Lab, contracted by HowlRound Theatre Commons.