gear_menu_popover: Allow user to focus on these items.

These don't have an href attribute to use tabindex to
enable focus.
This commit is contained in:
Aman Agrawal 2023-10-18 07:03:13 +00:00 committed by Tim Abbott
parent bc3d48616e
commit 7932d49956
1 changed files with 4 additions and 4 deletions

View File

@ -63,17 +63,17 @@
</li> </li>
{{/unless}} {{/unless}}
<li role="presentation" class="link-item only-visible-for-spectators"> <li role="presentation" class="link-item only-visible-for-spectators">
<a class="change-language-spectator" role="menuitem"> <a tabindex="0" class="change-language-spectator" role="menuitem">
<i class="zulip-icon zulip-icon-f-globe" aria-hidden="true"></i> {{t 'Select language' }} <i class="zulip-icon zulip-icon-f-globe" aria-hidden="true"></i> {{t 'Select language' }}
</a> </a>
</li> </li>
<li role="presentation" class="link-item dark-theme only-visible-for-spectators"> <li role="presentation" class="link-item dark-theme only-visible-for-spectators">
<a role="menuitem"> <a tabindex="0" role="menuitem">
<i class="zulip-icon zulip-icon-moon" aria-hidden="true"></i> {{t 'Switch to dark theme' }} <i class="zulip-icon zulip-icon-moon" aria-hidden="true"></i> {{t 'Switch to dark theme' }}
</a> </a>
</li> </li>
<li role="presentation" class="link-item light-theme only-visible-for-spectators"> <li role="presentation" class="link-item light-theme only-visible-for-spectators">
<a role="menuitem"> <a tabindex="0" role="menuitem">
<i class="zulip-icon zulip-icon-sun" aria-hidden="true"></i> {{t 'Switch to light theme' }} <i class="zulip-icon zulip-icon-sun" aria-hidden="true"></i> {{t 'Switch to light theme' }}
</a> </a>
</li> </li>
@ -152,7 +152,7 @@
<li class="divider hidden-for-spectators" role="presentation"></li> <li class="divider hidden-for-spectators" role="presentation"></li>
{{#if (or can_invite_users_by_email can_create_multiuse_invite)}} {{#if (or can_invite_users_by_email can_create_multiuse_invite)}}
<li class="link-item" role="presentation"> <li class="link-item" role="presentation">
<a class="invite-user-link" role="menuitem"> <a tabindex="0" class="invite-user-link" role="menuitem">
<i class="zulip-icon zulip-icon-user-plus" aria-hidden="true"></i> {{t 'Invite users' }} <i class="zulip-icon zulip-icon-user-plus" aria-hidden="true"></i> {{t 'Invite users' }}
</a> </a>
</li> </li>