Add "aria-label" attribute within ckeditor

[levmyshkin]

Hi, here is a patch to add aria-label field for Bootstrap Buttons
.

[levmyshkin]

diff --git a/dialogs/btbutton.js b/dialogs/btbutton.js
index 2e3741271..fe3e2e816 100755
--- a/dialogs/btbutton.js
+++ b/dialogs/btbutton.js
@@ -91,7 +91,26 @@ CKEDITOR.dialog.add('btbutton', function (editor) {
                                 }
                             }
                         ]
-                    }
+                    },
+                    {
+                      type: "hbox",
+                      widths: ["50%", "50%"],
+                      children: [
+                        {
+                          id: 'ariaLabel',
+                          type: 'text',
+                          width: '200px',
+                          required: false,
+                          label: lang.buttonAriaLabel,
+                          setup: function (widget) {
+                            this.setValue(widget.data.ariaLabel || '');
+                          },
+                          commit: function (widget) {
+                            widget.setData('ariaLabel', this.getValue());
+                          }
+                        }
+                      ]
+                    },
                 ]
             },
             {
diff --git a/lang/en.js b/lang/en.js
index 1ed4b1886..cd63bb525 100755
--- a/lang/en.js
+++ b/lang/en.js
@@ -9,6 +9,7 @@ CKEDITOR.plugins.setLang('btbutton', 'en', {
     buttonSizeLabel: 'Size',
     buttonTextLabel: 'Text',
     buttonUrlLabel: 'URL',
+    buttonAriaLabel: 'Aria-label',
     buttonTargetLabel: 'Target',
     buttonLink: 'Black Text Link',
     buttonLinkExternal: 'Black Text Link External',
diff --git a/lang/pt-br.js b/lang/pt-br.js
index 3459f68ba..30139d244 100755
--- a/lang/pt-br.js
+++ b/lang/pt-br.js
@@ -9,6 +9,7 @@ CKEDITOR.plugins.setLang('btbutton', 'pt-br', {
     buttonSizeLabel: 'Tamanho',
     buttonTextLabel: 'Texto',
     buttonUrlLabel: 'URL',
+    buttonAriaLabel: 'Aria-label',
     buttonTargetLabel: 'Target',
     buttonLink: 'Link',
     buttonDefault: 'Default',
diff --git a/lang/ru.js b/lang/ru.js
index f89485469..98e74abbf 100755
--- a/lang/ru.js
+++ b/lang/ru.js
@@ -9,6 +9,7 @@ CKEDITOR.plugins.setLang('btbutton', 'ru', {
     buttonSizeLabel: 'Размер',
     buttonTextLabel: 'Текст',
     buttonUrlLabel: 'Ссылка (URL)',
+    buttonAriaLabel: 'Aria-label',
     buttonTargetLabel: 'Цель',
     buttonLink: 'Ссылка (link)',
     buttonDefault: 'Обычная (default)',
diff --git a/lang/uk.js b/lang/uk.js
index bb6b32492..4efd6c13d 100755
--- a/lang/uk.js
+++ b/lang/uk.js
@@ -9,6 +9,7 @@ CKEDITOR.plugins.setLang('btbutton', 'uk', {
     buttonSizeLabel: 'Розмір',
     buttonTextLabel: 'Текст',
     buttonUrlLabel: 'URL',
+    buttonAriaLabel: 'Aria-label',
     buttonTargetLabel: 'Ціль',
     buttonLink: 'Посилання',
     buttonDefault: 'Типова',
diff --git a/plugin.js b/plugin.js
index 27a6cd8ee..445647ea5 100755
--- a/plugin.js
+++ b/plugin.js
@@ -71,6 +71,7 @@
                       }

                       this.data.href = $el.attr('href');
+                      this.data.ariaLabel = $el.attr('aria-label');

                       this.data.target = $el.attr('target');

@@ -116,7 +117,7 @@
                         }

                         $el.removeClass('btn-xs btn-sm btn-lg');
-			if (this.data.btnsize) {
+		  	if (this.data.btnsize) {
                             $el.addClass(this.data.btnsize);
                         }

@@ -125,6 +126,11 @@
                           this.element.$.removeAttribute('data-cke-saved-href');
                         }

+                        if (this.data.ariaLabel) {
+                          $el.attr('aria-label', this.data.ariaLabel);
+                          this.element.$.removeAttribute('data-cke-saved-aria-label');
+                        }
+
                         if (this.data.target && this.data.target != '') {
                             $el.attr('target', this.data.target);
                         }