diff options
author | Kohei Yoshino <kohei.yoshino@gmail.com> | 2017-01-11 05:45:58 +0100 |
---|---|---|
committer | David Lawrence <dkl@mozilla.com> | 2017-01-11 05:45:58 +0100 |
commit | d3554d1f9593b7bc554f7a981139d89bff67bf9b (patch) | |
tree | ed8a3e4c520fac7fbbd76c171a24b1a910dbd0fd /extensions/BugModal/template/en | |
parent | 0c30df3fc8c42fcdfb6f7d7ee94111ff87ff6e8e (diff) | |
download | bugzilla-d3554d1f9593b7bc554f7a981139d89bff67bf9b.tar.gz bugzilla-d3554d1f9593b7bc554f7a981139d89bff67bf9b.tar.xz |
Bug 1280395 - [a11y] Make the Add Comment and Preview tabs real accessible tabs
Diffstat (limited to 'extensions/BugModal/template/en')
-rw-r--r-- | extensions/BugModal/template/en/default/bug_modal/new_comment.html.tmpl | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/extensions/BugModal/template/en/default/bug_modal/new_comment.html.tmpl b/extensions/BugModal/template/en/default/bug_modal/new_comment.html.tmpl index e76e422bc..60bf2b29a 100644 --- a/extensions/BugModal/template/en/default/bug_modal/new_comment.html.tmpl +++ b/extensions/BugModal/template/en/default/bug_modal/new_comment.html.tmpl @@ -30,21 +30,21 @@ </div> [% END %] - <ul id="comment-tabs"> - <li id="comment-edit-tab" data-tab="comment-tab-add" data-focus="comment" class="current"> + <ul id="comment-tabs" role="tablist"> + <li id="comment-edit-tab" data-focus="comment" role="tab" tabindex="0" aria-controls="comment-edit-tabpanel" aria-selected="true"> Add Comment </li> [%~ ~%] - <li id="comment-preview-tab" data-tab="comment-tab-preview" data-focus=""> + <li id="comment-preview-tab" role="tab" tabindex="-1" aria-controls="comment-preview-tabpanel" aria-selected="false"> Preview <img id="preview-throbber" src="extensions/BugModal/web/throbber.gif" width="16" height="11" style="display:none"> </li> </ul> - <div id="comment-tab-add" class="comment-tab"> + <div id="comment-edit-tabpanel" class="comment-tabpanel" role="tabpanel" aria-labelledby="comment-edit-tab"> <textarea rows="5" cols="80" name="comment" id="comment"></textarea> </div> - <div id="comment-tab-preview" class="comment-tab" style="display:none"> + <div id="comment-preview-tabpanel" class="comment-tabpanel" role="tabpanel" aria-labelledby="comment-preview-tab" style="display:none"> <pre id="comment-preview" class="comment-text"></pre> </div> |