Changeset 5172


Ignore:
Timestamp:
02/23/10 14:50:44 (5 years ago)
Author:
fredck
Message:

Enhancements to the accessibility instructions dialog.

Location:
CKEditor/branches/versions/3.2.x/_source/plugins/a11yhelp
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • CKEditor/branches/versions/3.2.x/_source/plugins/a11yhelp/dialogs/a11yhelp.js

    r5152 r5172  
    66CKEDITOR.dialog.add( 'a11yHelp', function( editor )
    77{
    8         var lang = editor.lang.accessibilityHelp;
     8        var lang = editor.lang.accessibilityHelp,
     9                id = CKEDITOR.tools.getNextNumber();
    910
    1011        // CharCode <-> KeyChar.
     
    125126        function buildHelpContents()
    126127        {
    127                 var pageTpl = '<div class="cke_accessibility_legend" tabIndex="-1">%1</div>',
     128                var pageTpl = '<div class="cke_accessibility_legend" role="document" aria-labelledby="cke_' + id + '_arialbl" tabIndex="-1">%1</div>' +
     129                                '<span id="cke_' + id + '_arialbl" class="cke_voice_label">' + lang.contents + ' </span>',
    128130                        sectionTpl = '<h1>%1</h1><dl>%2</dl>',
    129131                        itemTpl = '<dt>%1</dt><dd>%2</dd>';
  • CKEditor/branches/versions/3.2.x/_source/plugins/a11yhelp/lang/en.js

    r5092 r5172  
    99        {
    1010                title : 'Accessibility Instructions',
     11                contents : 'Help Contents. To close this dialog press ESC.',
    1112                legend :
    1213                [
     
    1718                                                        {
    1819                                                                name : 'Editor Toolbar',
    19                                                                 legend: 'Press ${toolbarFocus} to navigate to the toolbar; Move to next toolbar button with TAB or RIGHT ARROW; Move to previous button with  SHIFT+TAB or LEFT ARROW; Press SPACE or ENTER to trigger the toolbar button.'
     20                                                                legend:
     21                                                                        'Press ${toolbarFocus} to navigate to the toolbar. ' +
     22                                                                        'Move to next toolbar button with TAB or RIGHT ARROW. ' +
     23                                                                        'Move to previous button with SHIFT+TAB or LEFT ARROW. ' +
     24                                                                        'Press SPACE or ENTER to activate the toolbar button.'
     25                                                        },
     26
     27                                                        {
     28                                                                name : 'Editor Dialog',
     29                                                                legend :
     30                                                                        'Inside a dialog, press TAB to navigate to next dialog field, press SHIFT + TAB to move to previous field, press ENTER to submit dialog, press ESC to cancel dialog. ' +
     31                                                                        'For dialogs that have multiple tab pages, press ALT + F10 to navigate to tab-list. ' +
     32                                                                        'Then move to next tab with TAB OR RIGTH ARROW. ' +
     33                                                                        'Move to previous tab with SHIFT + TAB or LEFT ARROW. ' +
     34                                                                        'Press SPACE or ENTER to select the tab page.'
     35                                                        },
     36
     37                                                        {
     38                                                                name : 'Editor Context Menu',
     39                                                                legend :
     40                                                                        'Press ${contextMenu} or APPLICATION KEY to open context-menu. ' +
     41                                                                        'Then move to next menu option with TAB or DOWN ARROW. ' +
     42                                                                        'Move to previous option with  SHIFT+TAB or UP ARROW. ' +
     43                                                                        'Press SPACE or ENTER to select the menu option. ' +
     44                                                                        'Open sub-menu of current option wtih SPACE or ENTER or RIGHT ARROW. ' +
     45                                                                        'Go back to parent menu item with ESC or LEFT ARROW. ' +
     46                                                                        'Close context menu with ESC.'
     47                                                        },
     48
     49                                                        {
     50                                                                name : 'Editor List Box',
     51                                                                legend :
     52                                                                        'Inside a list-box, move to next list item with TAB OR DOWN ARROW. ' +
     53                                                                        'Move to previous list item with SHIFT + TAB or UP ARROW. ' +
     54                                                                        'Press SPACE or ENTER to select the list option. ' +
     55                                                                        'Press ESC to close the list-box.'
    2056                                                        },
    2157
    2258                                                        {
    2359                                                                name : 'Editor Element Path Bar',
    24                                                                 legend : 'Press ${elementsPathFocus} to navigate to the elements path bar; Move to next element button with TAB or RIGHT ARROW; Move to previous button with  SHIFT+TAB or LEFT ARROW. Press SPACE or ENTER to select the element in editor.'
    25                                                         },
    26 
    27                                                         {
    28                                                                 name : 'Editor Context Menu',
    29                                                                 legend : 'Press ${contextMenu} or APPLICATION KEY to open context-menu. Then move to next menu option with TAB or DOWN ARROW; Move to previous option with  SHIFT+TAB or UP ARROW. Press SPACE or ENTER to select the menu option.' +
    30                                                                                  'Open sub-menu of current option wtih SPACE or ENTER or RIGHT ARROW; Go back to parent menu item with ESC or LEFT ARROW;' +
    31                                                                                  'Close context menu with ESC.'
    32                                                         },
    33 
    34                                                         {
    35                                                                 name : 'Editor Dialog',
    36                                                                 legend : 'Inside a dialog, press TAB to navigate to next dialog field, press SHIFT + TAB to move to previous field, press ENTER to submit dialog, press ESC to cancel dialog.' +
    37                                                                                  'For dialogs that have multiple tab pages, press ALT + F10 to navigate to tab-list. Then move to next tab with TAB OR RIGTH ARROW; Move to previous tab with SHIFT + TAB or LEFT ARROW. Press SPACE or ENTER to select the tab page.'
    38                                                         },
    39 
    40                                                         {
    41                                                                 name : 'Editor List Box',
    42                                                                 legend : 'Inside a list-box, move to next list item with TAB OR DOWN ARROW; Move to previous list item with SHIFT + TAB or UP ARROW. Press SPACE or ENTER to select the list option. Press ESC to close the list-box.'
     60                                                                legend :
     61                                                                        'Press ${elementsPathFocus} to navigate to the elements path bar. ' +
     62                                                                        'Move to next element button with TAB or RIGHT ARROW. ' +
     63                                                                        'Move to previous button with  SHIFT+TAB or LEFT ARROW. ' +
     64                                                                        'Press SPACE or ENTER to select the element in editor.'
    4365                                                        }
    4466                                                ]
Note: See TracChangeset for help on using the changeset viewer.
© 2003 – 2015 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy