Changeset 30757 for trunk/src/wp-includes/js/tinymce/wp-mce-help.php

Timestamp:

12/06/2014 11:52:25 PM (11 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:

• trunk/src/wp-includes/js/tinymce/wp-mce-help.php (modified) (2 diffs)

trunk/src/wp-includes/js/tinymce/wp-mce-help.php

@@ -104 +104 @@
         <tr><th>2</th><td><?php _e('Heading 2'); ?></td><th>3</th><td><?php _e('Heading 3'); ?></td></tr>
         <tr><th>4</th><td><?php _e('Heading 4'); ?></td><th>5</th><td><?php _e('Heading 5'); ?></td></tr>
-        <tr><th>6</th><td><?php _e('Heading 6'); ?></td><th>9</th><td><?php _e('Address'); ?></td></tr>
-        <tr><th>k</th><td><?php _e('Insert/edit link'); ?></td><th> </th><td>&nbsp;</td></tr>
+        <tr><th>6</th><td><?php _e('Heading 6'); ?></td><th>k</th><td><?php _e('Insert/edit link'); ?></td></tr>
     </table>
 
@@ -121 +120 @@
         <tr><th>x</th><td><?php _e('Add/remove code tag'); ?></td><th> </th><td>&nbsp;</td></tr>
     </table>
+
+    <p><?php _e('Focus shortcuts:'); ?></p>
+
+    <table class="keys focus">
+        <tr><th class="left">Alt + F8</th><td><?php _e('Image toolbar (when an image is selected)'); ?></td></tr>
+        <tr><th class="left">Alt + F9</th><td><?php _e('Editor menu (when enabled)'); ?></td></tr>
+        <tr><th class="left">Alt + F10</th><td><?php _e('Editor toolbar'); ?></td></tr>
+        <tr><th class="left">Alt + F11</th><td><?php _e('Elements path'); ?></td></tr>
+    </table>
+
+    <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>
 </div>