Keyboard accessibility - web interface

[luce-carevic]

Description

---

https://beta.meet.jit.si/

On the web version.

Current behavior

---

The div element to create a room is not keyboard accessible.

<div class="welcome-page-button" id="enter_room_button">Créer</div>

Expected Behavior

---

Creating a room should be keyboard accessible.

Possible Solution

---

Use a button element or role="button" and tabindex="0" on the div + add keyboard support (a button is supposed to work with Space or Enter).

Priority

---

As it's possible to create a room while hitting Enter in the form (which I did not know) maybe it's less urgent than the other issues concerning accessibility.

[Echolon]

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

---

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

[luixxiul]

I'd agree with the opener- button element should actually be styled with <button>. This needs a fix.

[luixxiul]

This too:

jitsi-meet/react/features/toolbox/components/web/ToolbarButton.js

Line 76 in 638fdf0

<div className = { `toolbox-icon ${this.props.toggled ? 'toggled' : ''}` }>

[luixxiul]

I noticed that this issue should cover not only elements on WelcomePage.web.js but also ones inside #new-toolbox on the video conference page.

[luixxiul]

Reopened to track this issue and its fix specifically.

[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.

[ghost]

When I get time, I’d like to confirm if this issue was fixed by big PR #8921.