Kundenansicht neu E-Fix M3: Fehlermeldungen der Bestellseiten und Formulare als Live-Region (role="alert")
abo-error, switch-error (und der Fehler der Wechsel-Vorschau), storage-error, tk-error samt Fehlerzeile der Rückfrage-Antwort, der Fehler von "Zahlungsart aktualisieren" sowie login-error und form-error auf Login, Kündigen und Widerrufen waren einfache Absätze: Screenreader lasen sie nicht vor, obwohl der Knopf wieder frei wurde. Jetzt role="alert", gepinnt in test/knEfixCss.test.js. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
ddaf2879c4
commit
4c64edc057
9 files changed
+32
-10
No files matched your search
@@ -55,7 +55,7 @@
|
||||
<input type="date" id="effective-date" class="hidden">
|
||||
</fieldset>
|
||||
|
||||
<p class="kn-fehlertext hidden" id="form-error"></p>
|
||||
<p class="kn-fehlertext hidden" id="form-error" role="alert"></p>
|
||||
<button type="submit" class="kn-absenden">Jetzt kündigen</button>
|
||||
</form>
|
||||
|
||||
|
||||
@@ -54,7 +54,7 @@
|
||||
autocomplete="current-password"
|
||||
enterkeyhint="go"
|
||||
>
|
||||
<p id="login-error" class="kn-fehlertext hidden"></p>
|
||||
<p id="login-error" class="kn-fehlertext hidden" role="alert"></p>
|
||||
<!-- Mitarbeiter-Login ist gesperrt: Link ins Ticketsystem (Adresse aus der Antwort, ticketUrl) -->
|
||||
<a id="login-staff-link" class="kn-login-staff hidden" href="https://ticket.webklar.com">Zum Ticketsystem</a>
|
||||
<button type="submit" id="login-btn" class="kn-login-knopf">
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
<label for="email" data-label-for="email" data-label="E-Mail für die Eingangsbestätigung">E-Mail-Adresse <small>(dorthin schicken wir die Eingangsbestätigung)</small></label>
|
||||
<input id="email" name="email" type="email" autocomplete="email" required maxlength="255">
|
||||
|
||||
<p class="kn-fehlertext hidden" id="form-error"></p>
|
||||
<p class="kn-fehlertext hidden" id="form-error" role="alert"></p>
|
||||
<button type="submit" class="kn-absenden">Widerruf bestätigen</button>
|
||||
</form>
|
||||
|
||||
|
||||
Reference in new issue
Block a user