accessibility: Add button role and tabindex to sender names.

This facilitates interacting with them via keyboard.
This commit is contained in:
Nolan Darilek 2018-11-08 13:12:17 -06:00 committed by Tim Abbott
parent fb54ea82b2
commit c0a8f0a66e
1 changed files with 2 additions and 2 deletions

View File

@ -15,7 +15,7 @@
</div> </div>
{{#if status_message}} {{#if status_message}}
<span class="sender-status"> <span class="sender-status">
<span class="sender_name-in-status auto-select sender_info_hover">{{msg/sender_full_name}}</span> <span class="sender_name-in-status auto-select sender_info_hover" role="button" tabindex="0">{{msg/sender_full_name}}</span>
{{#if sender_is_bot}} {{#if sender_is_bot}}
<i class="zulip-icon bot" aria-label="{{t 'Bot' }}"></i> <i class="zulip-icon bot" aria-label="{{t 'Bot' }}"></i>
{{/if}} {{/if}}
@ -27,7 +27,7 @@
{{/if_and}} {{/if_and}}
</span> </span>
{{else}} {{else}}
<span class="sender_name auto-select">{{msg/sender_full_name}}</span> <span class="sender_name auto-select" role="button" tabindex="0">{{msg/sender_full_name}}</span>
{{#if sender_is_bot}} {{#if sender_is_bot}}
<i class="zulip-icon bot" aria-label="{{t 'Bot' }}"></i> <i class="zulip-icon bot" aria-label="{{t 'Bot' }}"></i>
{{/if}} {{/if}}