Changeset 4932


Ignore:
Timestamp:
01/15/2010 02:51:21 PM (5 years ago)
Author:
fredck
Message:

Simplified the main labelling structure.

Location:
CKEditor/branches/features/aria/_source
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • CKEditor/branches/features/aria/_source/lang/en.js

    r4927 r4932  
    3232         * of reading non-English words. So be careful while translating it. 
    3333         */ 
    34         editorTitle             : 'Rich text editor, %1, press Alt+0 for help', 
    35         editorWysiwygModeVoiceLabel : 'Wysiwyg mode', 
    36         editorSourceModeVoiceLabel : 'Source mode', 
     34        editorTitle             : 'Rich text editor, %1, press ALT 0 for help.', 
    3735        dialogVoiceLabel : '', 
    3836 
  • CKEditor/branches/features/aria/_source/plugins/sourcearea/plugin.js

    r4913 r4932  
    1717                var sourcearea = CKEDITOR.plugins.sourcearea; 
    1818 
    19                 var sourceareaLabel = editor.lang.editorTitle.replace( '%1', editor.name ), 
    20                          sourceareaDescriptiveLabel = editor.lang.editorSourceModeVoiceLabel; 
    21  
    2219                editor.on( 'editingBlockReady', function() 
    2320                        { 
     
    3229                                                                holderElement.setStyle( 'position', 'relative' ); 
    3330 
    34                                                         // Accessibility label for iframe document. 
    35                                                         var labelId = editor.name + '_editing_textarea_label', 
    36                                                                  descriptionId = editor.name + '_editing_textarea_desc'; 
    37  
    3831                                                        // Create the source area <textarea>. 
    3932                                                        editor.textarea = textarea = new CKEDITOR.dom.element( 'textarea' ); 
     
    4336                                                                        tabIndex : -1, 
    4437                                                                        'role' : 'textbox', 
    45                                                                         'aria-labelledby' : labelId, 
    46                                                                         'aria-describedby' : descriptionId 
     38                                                                        'aria-label' : editor.lang.editorTitle.replace( '%1', editor.name ) 
    4739                                                                }); 
    4840                                                        textarea.addClass( 'cke_source' ); 
     
    9890                                                        // <textarea> to it. 
    9991                                                        holderElement.setHtml( '' ); 
    100  
    101                                                         var label = CKEDITOR.dom.element.createFromHtml( 
    102                                                                 '<div style="display:none">' + 
    103                                                                         '<span id="' + labelId + '">' + 
    104                                                                                 CKEDITOR.tools.htmlEncode( sourceareaLabel ) + 
    105                                                                         '</span>' + 
    106                                                                         '<span id="' + descriptionId + '">' + 
    107                                                                                 CKEDITOR.tools.htmlEncode( sourceareaDescriptiveLabel ) + 
    108                                                                         '</span>' + 
    109                                                                 '</div>' 
    110                                                                 , CKEDITOR.document ); 
    111  
    11292                                                        holderElement.append( textarea ); 
    11393                                                        textarea.setStyles( styles ); 
    114                                                         label.insertBefore( textarea ); 
    11594 
    11695                                                        textarea.on( 'blur', function() 
  • CKEditor/branches/features/aria/_source/plugins/wysiwygarea/plugin.js

    r4928 r4932  
    242242                                ? editor.config.enterMode == CKEDITOR.ENTER_DIV ? 'div' : 'p' : false; 
    243243 
    244                         var frameLabel = editor.lang.editorTitle.replace( '%1', editor.name ), 
    245                                  frameDescriptiveLabel = editor.lang.editorWysiwygModeVoiceLabel; 
    246  
    247244                        editor.on( 'editingBlockReady', function() 
    248245                                { 
    249246                                        var mainElement, 
    250                                                 label, 
    251247                                                iframe, 
    252248                                                isLoadingData, 
     
    255251                                                fireMode; 
    256252 
     253                                        var frameLabel = editor.lang.editorTitle.replace( '%1', editor.name ); 
     254 
    257255                                        // Support for custom document.domain in IE. 
    258256                                        var isCustomDomain = CKEDITOR.env.isCustomDomain(); 
     
    263261                                                if ( iframe ) 
    264262                                                        iframe.remove(); 
    265                                                 if ( label ) 
    266                                                         label.remove(); 
    267263 
    268264                                                frameLoaded = 0; 
    269  
    270                                                 // Accessibility label for iframe document. 
    271                                                 var labelId = editor.name + '_editing_frame_label', 
    272                                                          descriptionId = editor.name + '_editing_frame_desc'; 
    273  
    274                                                 label = CKEDITOR.dom.element.createFromHtml( 
    275                                                         '<div style="display:none">' + 
    276                                                                 '<span id="' + labelId + '">' + 
    277                                                                         CKEDITOR.tools.htmlEncode( frameLabel ) + 
    278                                                                 '</span>' + 
    279                                                                 '<span id="' + descriptionId + '">' + 
    280                                                                         CKEDITOR.tools.htmlEncode( frameDescriptiveLabel ) + 
    281                                                                 '</span>' + 
    282                                                         '</div>' 
    283                                                         , CKEDITOR.document ); 
    284  
    285                                                 mainElement.append( label ); 
    286265 
    287266                                                iframe = CKEDITOR.dom.element.createFromHtml( '<iframe' + 
     
    297276                                                        ' tabIndex="-1"' + 
    298277                                                        ' allowTransparency="true"' + 
    299                                                         ' role="region"'         + 
    300                                                         ' aria-multiline="true"'        + 
    301                                                         ' aria-labelledby="' + labelId + '"' + 
    302                                                         ' aria-describedby="' + descriptionId + '"' + 
     278                                                        ' role="region"' + 
     279                                                        ' aria-multiline="true"' + 
     280                                                        ' aria-label="' + frameLabel + '"' + 
    303281                                                        '></iframe>' ); 
    304282 
Note: See TracChangeset for help on using the changeset viewer.
© 2003 – 2012 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy