var columns = this.definition.charColumns,\r
chars = this.definition.chars;\r
\r
- var html = [ '<table role="listbox" aria-labelledby="specialchar_table_label"' +\r
+ var charsTableLabel = 'specialchar_table_label' + CKEDITOR.tools.getNextNumber();\r
+ var html = [ '<table role="listbox" aria-labelledby="' + charsTableLabel + '"' +\r
' style="width: 320px; height: 100%; border-collapse: separate;"' +\r
' align="center" cellspacing="2" cellpadding="2" border="0">' ];\r
\r
// Use character in case description unavailable.\r
charDesc = charDesc || character;\r
\r
+ var charLabelId = 'cke_specialchar_label_' + i + '_' + CKEDITOR.tools.getNextNumber();\r
+\r
html.push(\r
'<td class="cke_dark_background" style="cursor: default" role="presentation">' +\r
'<a href="javascript: void(0);" role="option"' +\r
' aria-posinset="' + ( i +1 ) + '"',\r
' aria-setsize="' + size + '"',\r
- ' aria-labelledby="cke_specialchar_label_' + i + '"',\r
+ ' aria-labelledby="' + charLabelId + '"',\r
' style="cursor: inherit; display: block; height: 1.25em; margin-top: 0.25em; text-align: center;" title="', CKEDITOR.tools.htmlEncode( charDesc ), '"' +\r
' onkeydown="CKEDITOR.tools.callFunction( ' + onKeydown + ', event, this )"' +\r
' onclick="CKEDITOR.tools.callFunction(' + onClick + ', this); return false;"' +\r
'<span style="margin: 0 auto;cursor: inherit">' +\r
character +\r
'</span>' +\r
- '<span class="cke_voice_label" id="cke_specialchar_label_' + i + '">' +\r
+ '<span class="cke_voice_label" id="' + charLabelId + '">' +\r
charDesc +\r
'</span></a>');\r
}\r
html.push( '</tr>' );\r
}\r
\r
- html.push( '</tbody></table>', '<span id="specialchar_table_label" class="cke_voice_label">' + lang.options +'</span>' );\r
+ html.push( '</tbody></table>', '<span id="' + charsTableLabel + '" class="cke_voice_label">' + lang.options +'</span>' );\r
\r
this.getContentElement( 'info', 'charContainer' ).getElement().setHtml( html.join( '' ) );\r
},\r