diff options
| author | Thomas Bruederli <thomas@roundcube.net> | 2014-06-18 14:35:48 +0200 |
|---|---|---|
| committer | Thomas Bruederli <thomas@roundcube.net> | 2014-06-18 14:35:48 +0200 |
| commit | 9240c96339b26989f060c57c61a2677e2f1e502e (patch) | |
| tree | 58bd826e940954917c97fcdf58985460b0caf6af /program/steps/mail/compose.inc | |
| parent | 6c647deffce183bc37ac55e3b3ae35eb5922d428 (diff) | |
Improve accessibility on attachments list: use custom tabindex attribute + add aria-label for meaningful voice output on delete icons
Diffstat (limited to 'program/steps/mail/compose.inc')
| -rw-r--r-- | program/steps/mail/compose.inc | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/program/steps/mail/compose.inc b/program/steps/mail/compose.inc index 6f1267d7d..a3c8a8a64 100644 --- a/program/steps/mail/compose.inc +++ b/program/steps/mail/compose.inc @@ -1524,7 +1524,9 @@ function rcmail_compose_attachment_list($attrib) 'href' => "#delete", 'title' => $RCMAIL->gettext('delete'), 'onclick' => sprintf("return %s.command('remove-attachment','rcmfile%s', this)", rcmail_output::JS_OBJECT_NAME, $id), - 'class' => 'delete' + 'class' => 'delete', + 'tabindex' => $attrib['tabindex'] ?: '0', + 'aria-label' => $RCMAIL->gettext('delete') . ' ' . $a_prop['name'], ), $button ) . rcube::Q($a_prop['name']) @@ -1550,6 +1552,12 @@ function rcmail_compose_attachment_list($attrib) $OUTPUT->set_env('attachments', $jslist); $OUTPUT->add_gui_object('attachmentlist', $attrib['id']); + // put tabindex value into data-tabindex attribute + if (isset($attrib['tabindex'])) { + $attrib['data-tabindex'] = $attrib['tabindex']; + unset($attrib['tabindex']); + } + return html::tag('ul', $attrib, $out, html::$common_attrib); } |