browser: accessibility: add 'aria-expanded' to the button

https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ Change-Id: I4dd17d7c213aa5130178de00a98efccd613823d1 Signed-off-by: Henry Castro <hcastro@collabora.com>
CollaboraOnline · Jan 28, 2025 · 8b95ff8 · 8b95ff8
1 parent 792b20c
commit 8b95ff8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/browser/src/control/Control.JSDialogBuilder.js b/browser/src/control/Control.JSDialogBuilder.js
@@ -730,17 +730,19 @@ L.Control.JSDialogBuilder = L.Control.extend({
 				builder.postProcess(expander, data.children[0]);
 
 				var state = data.children.length > 1 && expanded;
-				$(label).addClass('expanded', state);
-				label.setAttribute('aria-expanded', state);
+				if (state) {
+					L.DomUtil.addClass(label, 'expanded');
+				}
+				expander.setAttribute('aria-expanded', state);
 
 				var toggleFunction = function () {
 					if (customCallback)
 						customCallback();
 					else
 						builder.callback('expander', 'toggle', data, null, builder);
 
-					var state = Boolean(label.getAttribute('aria-expanded'));
-					label.setAttribute('aria-expanded', !state);
+					var state = Boolean(expander.getAttribute('aria-expanded'));
+					expander.setAttribute('aria-expanded', !state);
 					$(label).toggleClass('expanded');
 					$(expander).siblings().toggleClass('expanded');
 				};