diff --git a/packages/devextreme/js/__internal/ui/chat/messagebox.ts b/packages/devextreme/js/__internal/ui/chat/messagebox.ts index 48579a876bd9..1dc06bff86be 100644 --- a/packages/devextreme/js/__internal/ui/chat/messagebox.ts +++ b/packages/devextreme/js/__internal/ui/chat/messagebox.ts @@ -119,6 +119,7 @@ class MessageBox extends DOMComponent { type: 'default', stylingMode: 'text', disabled: true, + elementAttr: { 'aria-label': 'Send' }, onClick: (e): void => { this._sendHandler(e); }, diff --git a/packages/devextreme/testing/tests/DevExpress.ui.widgets/chatParts/messageBox.markup.tests.js b/packages/devextreme/testing/tests/DevExpress.ui.widgets/chatParts/messageBox.markup.tests.js index 2e9f8ccb0db0..634173e6948f 100644 --- a/packages/devextreme/testing/tests/DevExpress.ui.widgets/chatParts/messageBox.markup.tests.js +++ b/packages/devextreme/testing/tests/DevExpress.ui.widgets/chatParts/messageBox.markup.tests.js @@ -47,4 +47,12 @@ QUnit.module('MessageBox', moduleConfig, () => { assert.strictEqual($button.hasClass(CHAT_MESSAGEBOX_BUTTON_CLASS), true); }); }); + + QUnit.module('Accessibility', moduleConfig, () => { + QUnit.test('send button should have correct aria-label', function(assert) { + const $button = this.$element.find(`.${BUTTON_CLASS}`); + + assert.strictEqual($button.attr('aria-label'), 'Send'); + }); + }); });