diff options
author | David Lawrence <dkl@mozilla.com> | 2017-02-28 00:41:03 +0100 |
---|---|---|
committer | David Lawrence <dkl@mozilla.com> | 2017-02-28 00:41:03 +0100 |
commit | 5a9e39a07ae23c86a2cfc71122b605951dc95924 (patch) | |
tree | 253e81c1d4b02911c0b5a530b4b2c36a901b9adb /extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl | |
parent | e316d9661cd9e78e3ae8ffbd8d233623374d1f77 (diff) | |
download | bugzilla-5a9e39a07ae23c86a2cfc71122b605951dc95924.tar.gz bugzilla-5a9e39a07ae23c86a2cfc71122b605951dc95924.tar.xz |
Bug 1280363 - [a11y] Make the Actions menu button accessible for keyboard and screen readers
Diffstat (limited to 'extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl')
-rw-r--r-- | extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl | 50 |
1 files changed, 35 insertions, 15 deletions
diff --git a/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl index c658f0642..25198a7f2 100644 --- a/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl +++ b/extensions/BugModal/template/en/default/bug_modal/activity_stream.html.tmpl @@ -12,23 +12,43 @@ [% ELSE %] <button type="button" id="bottom-btn" class="minor">Bottom ↓</button> [% END %] - <button type="button" id="comment-tags-btn" style="display:none" class="minor">Tags ▾</button> - <button type="button" id="view-menu-btn" class="minor">View ▾</button> + <div class="dropdown"> + <button type="button" id="comment-tags-btn" arai-haspopup="true" aria-label="Tags Menu" + aria-expanded="false" aria-controls="comment-tags-menu" class="dropdown-button minor">Tags ▾</button> + <ul id="comment-tags-menu" role="menu" tabindex="0" class="dropdown-content" style="display:none"> + <li class="dropdown-separator" role="presentation"> + <a role="menuitem" tabindex="-1" data-comment-tag="">Reset</a> + </li> + </ul> + </div> + <div class="dropdown"> + <button type="button" id="view-menu-btn" arai-haspopup="true" aria-label="View Menu" + aria-expanded="false" aria-controls="view-menu" class="dropdown-button minor">View ▾</button> + <ul id="view-menu" role="menu" tabindex="0" class="dropdown-content" style="display:none"> + <li class="dropdown-separator" role="presentation"> + <a id="view-reset" role="menuitem" tabindex="-1">Reset</a> + </li> + <li role="presentation"> + <a id="view-collapse-all" role="menuitem" tabindex="-1">Collapse All</a> + </li> + <li role="presentation"> + <a id="view-expand-all" role="menuitem" tabindex="-1">Expand All</a> + </li> + <li class="dropdown-separator" role="presentation"> + <a id="view-comments-only" role="menuitem" tabindex="-1">Comments Only</a> + </li> + <li role="presentation"> + <a id="view-toggle-cc" role="menuitem" tabindex="-1">Show CC Changes</a> + </li> + [% IF treeherder %] + <li role="presentation"> + <a id="view-toggle-treeherder" role="menuitem" data-userid="[% treeherder.id FILTER none %]">Hide Treeherder Comments</a> + </li> + [% END %] + </ul> + </div> </div> -<menu id="view-menu" type="context" style="display:none"> - <menuitem id="view-reset" label="Reset"></menuitem> - <hr> - <menuitem id="view-collapse-all" label="Collapse All"></menuitem> - <menuitem id="view-expand-all" label="Expand All"></menuitem> - <menuitem id="view-comments-only" label="Comments Only"></menuitem> - <hr> - <menuitem id="view-toggle-cc" label="Show CC Changes"></menuitem> - [% IF treeherder %] - <menuitem id="view-toggle-treeherder" label="Hide Treeherder Comments" data-userid="[% treeherder.id FILTER none %]"></menuitem> - [% END %] -</menu> - [% PROCESS bug/time.html.tmpl; |