Widerruf: Fehlermeldungen als Text mit Ansage

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

2 files changed, 21 insertions, 11 deletions

diff --git a/views/mods/mod_revocation/page_form.phtml b/views/mods/mod_revocation/page_form.phtml
index f7849ff..f33695c 100644
--- a/views/mods/mod_revocation/page_form.phtml
+++ b/views/mods/mod_revocation/page_form.phtml
@@ -182,10 +182,13 @@
 
 			if ((res.success ?? false) === false) {
 
-				let html = '<ul id="wpsg_error" class="wpsg_error">';
-				(res.arError ?? []).forEach(error => { html += `<li>${error}</li>`; });
-				html += '</ul>';
-				msg.innerHTML = html;
+				// Meldungen des Servers als Text, Screenreader sagen sie an
+				const list = document.createElement('ul');
+				list.id = 'wpsg_error';
+				list.className = 'wpsg_error';
+				list.setAttribute('role', 'alert');
+				(res.arError ?? []).forEach(error => { const li = document.createElement('li'); li.textContent = error; list.appendChild(li); });
+				msg.replaceChildren(list);
 				msg.scrollIntoView({ behavior: 'smooth', block: 'center' });
 
 			} else {
diff --git a/views/mods/mod_revocation/wp_footer.phtml b/views/mods/mod_revocation/wp_footer.phtml
index bec1b82..891c959 100644
--- a/views/mods/mod_revocation/wp_footer.phtml
+++ b/views/mods/mod_revocation/wp_footer.phtml
@@ -85,6 +85,19 @@
 
 	});
 
+	// Meldungen des Servers als Text, Screenreader sagen sie an
+	const error_list = (arError) => {
+
+		const list = document.createElement('ul');
+		list.id = 'wpsg_error';
+		list.className = 'wpsg_error';
+		list.setAttribute('role', 'alert');
+		(arError??[]).forEach(error => { const li = document.createElement('li'); li.textContent = error; list.appendChild(li); });
+
+		return list;
+
+	};
+
 	const show_error = () => {
 
 		const target = el_dialog_content.querySelector('#msg_target') || el_dialog_content;
@@ -151,15 +164,9 @@
 			})
 		} ]).then(res => { if (!res.ok) throw new Error(res.status); return res.json(); }).then(res => {
 
-			let html = '';
-  
 			if ((res.success??false) === false) {
 
-				html += '<ul id="wpsg_error" class="wpsg_error">';
-				(res.arError??[]).forEach(error => { html += `<li>${error}</li>`; });
-				html += '</ul>';
-
-				el_dialog_content.querySelector('#msg_target').innerHTML = html;
+				el_dialog_content.querySelector('#msg_target').replaceChildren(error_list(res.arError));
 	
 				el_dialog.classList.remove('loading');