Changeset 4903


Ignore:
Timestamp:
01/08/2010 12:17:37 PM (5 years ago)
Author:
garry.yao
Message:

Enable ARIA support for color panels.

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

Legend:

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

    r4902 r4903  
    593593                textColorTitle : 'Text Color', 
    594594                bgColorTitle : 'Background Color', 
     595                panelTitle : 'Colors', 
     596                panelVoiceLabel : 'Select a color', 
    595597                auto : 'Automatic', 
    596598                more : 'More Colors...' 
  • CKEditor/branches/features/aria/_source/plugins/colorbutton/plugin.js

    r4858 r4903  
    3232                                        panel : 
    3333                                        { 
    34                                                 css : editor.skin.editor.css 
     34                                                css : editor.skin.editor.css, 
     35                                                aria : { role : 'listbox', 'aria-label' : lang.panelTitle, 'aria-describedby' : lang.panelVoiceLabel } 
    3536                                        }, 
    3637 
    37                                         onBlock : function( panel, blockName ) 
     38                                        onBlock : function( panel, block ) 
    3839                                        { 
    39                                                 var block = panel.addBlock( blockName ); 
    4040                                                block.autoSize = true; 
    4141                                                block.element.addClass( 'cke_colorblock' ); 
     
    5656                { 
    5757                        var output = [], 
    58                                 colors = config.colorButton_colors.split( ',' ); 
     58                                colors = config.colorButton_colors.split( ',' ), 
     59                                total = colors.length + ( config.colorButton_enableMore ? 2 : 1 ); 
    5960 
    6061                        var clickFn = CKEDITOR.tools.addFunction( function( color, type ) 
     
    99100                                        ' title="', lang.auto, '"' + 
    100101                                        ' onclick="CKEDITOR.tools.callFunction(', clickFn, ',null,\'', type, '\');return false;"' + 
    101                                         ' href="javascript:void(\'', lang.auto, '\')">' + 
     102                                        ' href="javascript:void(\'', lang.auto, '\')"' + 
     103                                        ' role="option" aria-posinset="1" aria-setsize="', total, '">' + 
    102104                                        '<table cellspacing=0 cellpadding=0 width="100%">' + 
    103105                                                '<tr>' + 
     
    126128                                                        ' title="', colorLabel, '"' + 
    127129                                                        ' onclick="CKEDITOR.tools.callFunction(', clickFn, ',\'#', colorCode, '\',\'', type, '\'); return false;"' + 
    128                                                         ' href="javascript:void(\'', colorLabel, '\')">' + 
     130                                                        ' href="javascript:void(\'', colorLabel, '\')"' + 
     131                                                        ' role="option" aria-posinset="', ( i + 2 ), '" aria-setsize="', total, '">' + 
    129132                                                        '<span class="cke_colorbox" style="background-color:#', colorCode, '"></span>' + 
    130133                                                '</a>' + 
     
    142145                                                                ' title="', lang.more, '"' + 
    143146                                                                ' onclick="CKEDITOR.tools.callFunction(', clickFn, ',\'?\',\'', type, '\');return false;"' + 
    144                                                                 ' href="javascript:void(\'', lang.more, '\')">', 
     147                                                                ' href="javascript:void(\'', lang.more, '\')"', 
     148                                                                ' role="option" aria-posinset="', total, '" aria-setsize="', total, '">',  
    145149                                                                lang.more, 
    146150                                                        '</a>' + 
  • CKEditor/branches/features/aria/_source/plugins/menu/plugin.js

    r4858 r4903  
    296296 
    297297                        var htmlLabel = this.label; 
    298                         if ( state == CKEDITOR.TRISTATE_DISABLED ) 
    299                                 htmlLabel = this.editor.lang.common.unavailable.replace( '%1', htmlLabel ); 
    300298 
    301299                        if ( this.className ) 
  • CKEditor/branches/features/aria/_source/plugins/panel/plugin.js

    r4902 r4903  
    199199        addBlock : function( name, block ) 
    200200        { 
    201                 block = this._.blocks[ name ] = block || new CKEDITOR.ui.panel.block( this.getHolderElement() ); 
     201                block = this._.blocks[ name ] = block instanceof CKEDITOR.ui.panel.block ?  block 
     202                                : new CKEDITOR.ui.panel.block( this.getHolderElement(), block ); 
    202203 
    203204                if ( !this._.currentBlock ) 
  • CKEditor/branches/features/aria/_source/plugins/panelbutton/plugin.js

    r4858 r4903  
    1 /* 
     1/* 
    22Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. 
    33For licensing, see LICENSE.html or http://ckeditor.com/license 
     
    5858                                                        || CKEDITOR.document; 
    5959 
     60                        panelDefinition.block = 
     61                        { 
     62                                aria : panelDefinition.aria 
     63                        }; 
     64 
    6065                        this.hasArrow = true; 
    6166 
     
    8994 
    9095                                var panelDefinition = this._.panelDefinition || {}, 
     96                                         panelBlockDefinition = this._.panelDefinition.block, 
    9197                                        panelParentElement = panelDefinition.parent || CKEDITOR.document.getBody(), 
    9298                                        panel = this._.panel = new CKEDITOR.ui.floatPanel( editor, panelParentElement, panelDefinition ), 
     99                                        block = panel.addBlock( _.id, panelBlockDefinition ), 
    93100                                        me = this; 
    94101 
     
    127134 
    128135                                if ( this.onBlock ) 
    129                                         this.onBlock( panel, _.id ); 
     136                                        this.onBlock( panel, block ); 
    130137 
    131                                 panel.getBlock( _.id ).onHide = function() 
     138                                block.onHide = function() 
    132139                                                { 
    133140                                                                _.on = 0; 
Note: See TracChangeset for help on using the changeset viewer.
© 2003 – 2012 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy