|
@@ -38,6 +38,7 @@ export default class EditableUIView extends View {
|
|
|
*/
|
|
*/
|
|
|
setEditableElement( editableElement, def = { attributes: {} } ) {
|
|
setEditableElement( editableElement, def = { attributes: {} } ) {
|
|
|
const bind = this.attributeBinder;
|
|
const bind = this.attributeBinder;
|
|
|
|
|
+ const t = this.t;
|
|
|
|
|
|
|
|
if ( this.editableElement ) {
|
|
if ( this.editableElement ) {
|
|
|
throw new CKEditorError(
|
|
throw new CKEditorError(
|
|
@@ -51,6 +52,12 @@ export default class EditableUIView extends View {
|
|
|
def.attributes.class = [];
|
|
def.attributes.class = [];
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ Object.assign( def.attributes, {
|
|
|
|
|
+ role: 'textbox',
|
|
|
|
|
+ 'aria-label': t( 'Rich Text Editor, %0', [ this.model.editableName ] ),
|
|
|
|
|
+ title: t( 'Rich Text Editor, %0', [ this.model.editableName ] ),
|
|
|
|
|
+ } );
|
|
|
|
|
+
|
|
|
def.attributes.class.push(
|
|
def.attributes.class.push(
|
|
|
'ck-editor__editable',
|
|
'ck-editor__editable',
|
|
|
bind.to( 'isFocused', value => value ? 'ck-focused' : 'ck-blurred' )
|
|
bind.to( 'isFocused', value => value ? 'ck-focused' : 'ck-blurred' )
|