ARIA Live Regions

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Meine Frage ist, wie kann ich den Preis erhöhen bzw. senken wenn ich die Zahl ändere.

Dazu musst du

1. auf das change-Event des Eingabefeldes lauschen.
2. Wenn das feuert, dessen aktuellen Wert auslesen,
3. die Berechnung durchführen (Den Preis eines Produkts musst du an geeigneter Stelle ablegen. Da, wo die Berechnung durchgeführt wird, ist keine geeignete Stelle.)
4. und das Ergebnis in das vorgesehene Element schreiben. output wäre der passende Elementtyp dafür, nicht div; dann geht das auch genauso wie beim Eingabeelement.

Und nicht zu vergessen:

5. dafür sorgen, dass AT^[1] die Änderungen auch mitbekommt; dass bspw. ein Screenreader den Betrag bei jeder Änderung erneut vorliest.

Mit aria-live="polite" fürs output-Element und entsprechendem aria-controls-Attribut fürs input-Element sollte das gewährleistet sein. → MDN: ARIA Live Regions

So in etwa.

LLAP 🖖

---

1. assistive Technologie ↩︎