Widerruf: Fehlermeldungen als Text mit Ansage

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

1 files changed, 14 insertions, 7 deletions

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');