OverflowMenuItem.web.js is not accessible

[t3chguy]

Description

As of #5432 the bottom toolbar is now accessible, the "overflow" menu however is not.

Current behavior

Some buttons within the overflow, namely,

• Start live stream
• Blur my background
• Settings
• Mute everyone

are fine and accessible as they inherit from AbstractButton, but OverflowMenuItem (which is used for seemingly the remainder of the overflow menu options) does not.

Expected Behavior

Keyboard accessibility of all buttons.

Possible Solution

Switch to using <button> instead of <li> or copy all the tabIndex, onKeyDown, onKeyUp handlers from ToolboxItem.web.js or use something which extends AbstractButton.

I would like to help here, but am struggling to grok the code layout and patterns here with it being react-native-able.

[MarcoZehe]

Yes, I can confirm this.

[MarcoZehe]

@damencho Do you have any pointers to @t3chguy 's question above?

[damencho]

I need to ask for help, @hristoterezov, @paweldomas @zbettenbuk Can you help, please?

[paweldomas]

@damencho I will try to help, but right now I'm doing it in my free time, so not sure when will I get to it

[Echolon]

Hi,
The team is aware of accessibility. Any reports are now grouped in the pinned issue #6090 and #3590.

I'm a community contributor and not directly affiliated with the Jitsi team.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.