Changeset 5172


Ignore:
Timestamp:
02/23/10 14:50:44 (3 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 – 2012 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy