WordPress.org

Make WordPress Core


Ignore:
Timestamp:
12/06/2014 11:52:25 PM (7 years ago)
Author:
azaozz
Message:

TinyMCE, improve accessibility:

  • Return focus to the editor on pressing Escape while the image toolbar is focused.
  • Add a Close button to the Help modal and close it on Escape.
  • Override the title on the editor iframe (read by screen reader apps), replace with the Alt+Shift+H shortcut.
  • Add focus shortcuts descriptions to the Help modal.

Fixes #27642.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/js/tinymce/wp-mce-help.php

    r30584 r30757  
    104104        <tr><th>2</th><td><?php _e('Heading 2'); ?></td><th>3</th><td><?php _e('Heading 3'); ?></td></tr>
    105105        <tr><th>4</th><td><?php _e('Heading 4'); ?></td><th>5</th><td><?php _e('Heading 5'); ?></td></tr>
    106         <tr><th>6</th><td><?php _e('Heading 6'); ?></td><th>9</th><td><?php _e('Address'); ?></td></tr>
    107         <tr><th>k</th><td><?php _e('Insert/edit link'); ?></td><th> </th><td>&nbsp;</td></tr>
     106        <tr><th>6</th><td><?php _e('Heading 6'); ?></td><th>k</th><td><?php _e('Insert/edit link'); ?></td></tr>
    108107    </table>
    109108
     
    121120        <tr><th>x</th><td><?php _e('Add/remove code tag'); ?></td><th> </th><td>&nbsp;</td></tr>
    122121    </table>
     122
     123    <p><?php _e('Focus shortcuts:'); ?></p>
     124
     125    <table class="keys focus">
     126        <tr><th class="left">Alt + F8</th><td><?php _e('Image toolbar (when an image is selected)'); ?></td></tr>
     127        <tr><th class="left">Alt + F9</th><td><?php _e('Editor menu (when enabled)'); ?></td></tr>
     128        <tr><th class="left">Alt + F10</th><td><?php _e('Editor toolbar'); ?></td></tr>
     129        <tr><th class="left">Alt + F11</th><td><?php _e('Elements path'); ?></td></tr>
     130    </table>
     131
     132    <p><?php _e('To move focus to other buttons use Tab or the arrow keys. To return focus to the editor press Escape or use one of the buttons.'); ?></p>
    123133</div>
    124134
Note: See TracChangeset for help on using the changeset viewer.