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