P0: Formular-Accessibility — Fehlerboxen mit role=alert, Pflichtfeld-ARIA

- Alle fehler-Boxen: role=alert + tabindex=-1
- Login: aria-invalid/aria-describedby auf Feldern bei Fehler
- Pflichtfelder: aria-required=true ergänzt

plugins/archiv/templates/archiv/index.html

@@ -22,7 +22,7 @@
 <div class="mb-4 px-4 py-3 rounded-lg border bg-emerald-50 border-emerald-200 text-emerald-800 text-sm">{{ meldung }}</div>
 {% endif %}
 {% if fehler %}
-<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm">{{ fehler }}</div>
+<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm" role="alert" tabindex="-1">{{ fehler }}</div>
 {% endif %}
 
 <div class="bg-white border border-slate-200 rounded-xl shadow-sm p-4 mb-6">

plugins/benachrichtigung/templates/benachrichtigung/einstellungen.html

@@ -15,7 +15,7 @@
 </div>
 {% endif %}
 {% if fehler %}
-<div class="mt-4 mb-2 rounded-lg bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm">
+<div class="mt-4 mb-2 rounded-lg bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm" role="alert" tabindex="-1">
   {{ fehler }}
 </div>
 {% endif %}

plugins/dedup/templates/dedup/index.html

@@ -31,7 +31,7 @@
   <form method="post" action="/dedup/pruefen" class="flex flex-wrap items-end gap-3">
     <div>
       <label for="titel" class="block text-xs font-medium text-slate-500 mb-1">Spieltitel *</label>
-      <input type="text" id="titel" name="titel" required value="{{ ergebnis.titel if ergebnis else '' }}"
+      <input type="text" id="titel" name="titel" required aria-required="true" value="{{ ergebnis.titel if ergebnis else '' }}"
              class="border border-slate-300 rounded-lg px-3 py-2 text-sm w-72 focus:outline-none focus:ring-2 focus:ring-emerald-500">
     </div>
     <div>
@@ -51,7 +51,7 @@
   </form>
 
   {% if fehler %}
-  <div class="mt-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm">{{ fehler }}</div>
+  <div class="mt-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm" role="alert" tabindex="-1">{{ fehler }}</div>
   {% endif %}
   {% if meldung %}
   <div class="mt-4 px-4 py-3 rounded-lg border bg-emerald-50 border-emerald-200 text-emerald-800 text-sm">{{ meldung }}</div>

plugins/erinnerung/templates/erinnerung/bearbeiten.html

@@ -10,12 +10,12 @@
       class="bg-white border border-slate-200 rounded-xl shadow-sm p-4 max-w-2xl space-y-4">
   <div>
     <label for="name" class="block text-xs font-medium text-slate-500 mb-1">Name/Titel der Ausgabe *</label>
-    <input type="text" id="name" name="name" required value="{{ ausgabe.name }}"
+    <input type="text" id="name" name="name" required aria-required="true" value="{{ ausgabe.name }}"
            class="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500">
   </div>
   <div>
     <label for="redaktionsschluss" class="block text-xs font-medium text-slate-500 mb-1">Redaktionsschluss *</label>
-    <input type="date" id="redaktionsschluss" name="redaktionsschluss" required value="{{ ausgabe.redaktionsschluss.isoformat() }}"
+    <input type="date" id="redaktionsschluss" name="redaktionsschluss" required aria-required="true" value="{{ ausgabe.redaktionsschluss.isoformat() }}"
            class="border border-slate-300 rounded-lg px-3 py-2 text-sm w-48 focus:outline-none focus:ring-2 focus:ring-emerald-500">
   </div>
   <div class="flex items-center gap-3">

plugins/erinnerung/templates/erinnerung/index.html

@@ -13,7 +13,7 @@
 <div class="mb-4 px-4 py-3 rounded-lg border bg-emerald-50 border-emerald-200 text-emerald-800 text-sm">{{ meldung }}</div>
 {% endif %}
 {% if fehler %}
-<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm">{{ fehler }}</div>
+<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm" role="alert" tabindex="-1">{{ fehler }}</div>
 {% endif %}
 
 {% if ist_admin %}
@@ -22,12 +22,12 @@
   <form method="post" action="/erinnerung/ausgaben" class="flex flex-wrap items-end gap-3">
     <div>
       <label for="name" class="block text-xs font-medium text-slate-500 mb-1">Name/Titel der Ausgabe *</label>
-      <input type="text" id="name" name="name" required placeholder="z. B. 3/2025"
+      <input type="text" id="name" name="name" required aria-required="true" placeholder="z. B. 3/2025"
              class="border border-slate-300 rounded-lg px-3 py-2 text-sm w-64 focus:outline-none focus:ring-2 focus:ring-emerald-500">
     </div>
     <div>
       <label for="redaktionsschluss" class="block text-xs font-medium text-slate-500 mb-1">Redaktionsschluss *</label>
-      <input type="date" id="redaktionsschluss" name="redaktionsschluss" required
+      <input type="date" id="redaktionsschluss" name="redaktionsschluss" required aria-required="true"
              class="border border-slate-300 rounded-lg px-3 py-2 text-sm w-48 focus:outline-none focus:ring-2 focus:ring-emerald-500">
     </div>
     <button type="submit"

plugins/export/templates/export/index.html

@@ -11,7 +11,7 @@
 </p>
 
 {% if fehler %}
-<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm">{{ fehler }}</div>
+<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm" role="alert" tabindex="-1">{{ fehler }}</div>
 {% endif %}
 
 <div class="grid gap-4 md:grid-cols-3 mb-6">

plugins/neuheiten/templates/neuheiten/index.html

@@ -15,7 +15,7 @@
 </div>
 {% endif %}
 {% if fehler %}
-<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm">{{ fehler }}</div>
+<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm" role="alert" tabindex="-1">{{ fehler }}</div>
 {% endif %}
 
 <div class="flex flex-wrap items-end gap-3 mb-4">

plugins/planung/templates/planung/bearbeiten.html

@@ -18,7 +18,7 @@
       class="bg-white border border-slate-200 rounded-xl shadow-sm p-4 max-w-2xl space-y-4 w-full">
   <div>
     <label for="titel" class="block text-xs font-medium text-slate-500 mb-1">Spieltitel *</label>
-    <input type="text" id="titel" name="titel" required value="{{ eintrag.titel }}"
+    <input type="text" id="titel" name="titel" required aria-required="true" value="{{ eintrag.titel }}"
            class="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500">
   </div>
   <div class="grid md:grid-cols-2 gap-4">

plugins/planung/templates/planung/index.html

@@ -13,7 +13,7 @@
 <div class="mb-4 px-4 py-3 rounded-lg border bg-emerald-50 border-emerald-200 text-emerald-800 text-sm">{{ meldung }}</div>
 {% endif %}
 {% if fehler %}
-<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm">{{ fehler }}</div>
+<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 border-red-200 text-red-700 text-sm" role="alert" tabindex="-1">{{ fehler }}</div>
 {% endif %}
 
 <div class="bg-white border border-slate-200 rounded-xl shadow-sm p-4 mb-6">
@@ -22,7 +22,7 @@
   <form method="post" action="/planung/neu" class="grid grid-cols-1 gap-3 sm:flex sm:flex-wrap sm:items-end">
     <div class="sm:w-64 lg:w-72">
       <label for="titel" class="block text-xs font-medium text-slate-500 mb-1">Spieltitel *</label>
-      <input type="text" id="titel" name="titel" required
+      <input type="text" id="titel" name="titel" required aria-required="true"
              class="w-full min-h-[44px] border border-slate-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500">
     </div>
     <div class="sm:w-48 lg:w-52">