feat: add aria-label handling to UIButton and corresponding tests

Author: xdan

src/core/ui/button/button/button.test.js

@@ -0,0 +1,61 @@
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
+ */
+
+describe('Test UIButton', () => {
+	const { UIButton } = Jodit.modules;
+
+	let editor;
+	beforeEach(() => {
+		editor = getJodit();
+	});
+
+	describe('aria-label', () => {
+		it('should set aria-label from tooltip when text is empty', () => {
+			const button = new UIButton(editor);
+			button.state.tooltip = 'Bold';
+
+			expect(button.button.getAttribute('aria-label')).eq('Bold');
+		});
+
+		it('should not set aria-label when text is provided', () => {
+			const button = new UIButton(editor);
+			button.state.text = 'Bold';
+			button.state.tooltip = 'Make text bold';
+
+			expect(button.button.getAttribute('aria-label')).is.null;
+		});
+
+		it('should remove aria-label when text is set after tooltip', () => {
+			const button = new UIButton(editor);
+			button.state.tooltip = 'Bold';
+
+			expect(button.button.getAttribute('aria-label')).eq('Bold');
+
+			button.state.text = 'Bold';
+
+			expect(button.button.getAttribute('aria-label')).is.null;
+		});
+
+		it('should restore aria-label when text is cleared', async () => {
+			const button = new UIButton(editor);
+			button.state.tooltip = 'Bold';
+			button.state.text = 'Bold';
+
+			expect(button.button.getAttribute('aria-label')).is.null;
+
+			button.state.text = '';
+
+			await editor.async.requestIdlePromise();
+			expect(button.button.getAttribute('aria-label')).eq('Bold');
+		});
+
+		it('should not set aria-label when both text and tooltip are empty', () => {
+			const button = new UIButton(editor);
+
+			expect(button.button.getAttribute('aria-label')).is.null;
+		});
+	});
+});

src/core/ui/button/button/button.ts

@@ -138,6 +138,7 @@ export class UIButton extends UIElement implements IUIButton {
 	@watch('state.text', { immediately: false })
 	protected onChangeText(): void {
 		this.text.textContent = this.jodit.i18n(this.state.text);
+		this.__updateAriaLabel();
 	}
 
 	@watch('state.text', { immediately: false })
@@ -177,7 +178,18 @@ export class UIButton extends UIElement implements IUIButton {
 			attr(this.container, 'title', i8nTooltip);
 		}
 
-		attr(this.container, 'aria-label', i8nTooltip);
+		this.__updateAriaLabel();
+	}
+
+	private __updateAriaLabel(): void {
+		const hasText = this.state.text.trim().length > 0;
+		attr(
+			this.button,
+			'aria-label',
+			!hasText && this.state.tooltip
+				? this.jodit.i18n(this.state.tooltip)
+				: null
+		);
 	}
 
 	@watch('state.tabIndex', { immediately: false })