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