browser: accessibility: add 'aria-disabled' attribute

. Change-Id: Ic71df7415075523c841194902b0f7f1a6177b6b8 Signed-off-by: Henry Castro <hcastro@collabora.com>
CollaboraOnline · Feb 5, 2025 · 9234b08 · 9234b08
1 parent 733474e
commit 9234b08
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/browser/src/control/Control.JSDialogBuilder.js b/browser/src/control/Control.JSDialogBuilder.js
@@ -381,6 +381,8 @@ L.Control.JSDialogBuilder = L.Control.extend({
 			spinfield.setAttribute('disabled', 'true');
 		}
 
+		spinfield.setAttribute('aria-disabled', Boolean(data.enabled));
+
 		JSDialog.SynchronizeDisabledState(div, [spinfield]);
 
 		if (data.readOnly === true)
@@ -1285,6 +1287,8 @@ L.Control.JSDialogBuilder = L.Control.extend({
 		if (data.enabled === 'false' || data.enabled === false)
 			$(radiobutton).attr('disabled', 'disabled');
 
+		radiobutton.setAttribute('aria-disabled', Boolean(data.enabled));
+
 		if (data.checked === 'true' || data.checked === true)
 			$(radiobutton).prop('checked', true);
 
@@ -1328,6 +1332,8 @@ L.Control.JSDialogBuilder = L.Control.extend({
 			checkbox.disabled = true;
 		}
 
+		checkbox.setAttribute('aria-disabled', Boolean(data.enabled));
+
 		JSDialog.SynchronizeDisabledState(div, [checkbox]);
 
 		checkbox.addEventListener('change', toggleFunction);
@@ -1552,6 +1558,8 @@ L.Control.JSDialogBuilder = L.Control.extend({
 		if (data.enabled === 'false' || data.enabled === false)
 			$(pushbutton).prop('disabled', true);
 
+		pushbutton.setAttribute('aria-disabled', Boolean(data.enabled));
+
 		if (customCallback)
 			pushbutton.onclick = customCallback;
 		else if (builder._responses[pushbutton.id] !== undefined)
@@ -2353,6 +2361,8 @@ L.Control.JSDialogBuilder = L.Control.extend({
 						$(div).removeClass('selected');
 					}
 
+					button.setAttribute('aria-disabled', disabled);
+
 					if (disabled)
 						div.setAttribute('disabled', 'true');
 					else
@@ -2373,6 +2383,8 @@ L.Control.JSDialogBuilder = L.Control.extend({
 				}, this);
 			}
 
+			button.setAttribute('aria-disabled', disabled);
+
 			if (disabled) {
 				div.setAttribute('disabled', 'true');
 			}

diff --git a/browser/src/control/jsdialog/Widget.MenuButton.js b/browser/src/control/jsdialog/Widget.MenuButton.js
@@ -158,6 +158,8 @@ function _menubuttonControl (parentContainer, data, builder) {
 			}
 		});
 
+		button.setAttribute('aria-disabled', Boolean(data.enabled));
+
 		if (data.enabled === false)
 			button.disabled = true;
 	} else {