angular / angular/components

bug(mat-error): mat-error presentation is announces twice with NVDA screen reader

Offen
#32,104 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Accessibility area: material/form-field P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Is this a regression?

- [x] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

@angular/material 18.1.0 did not have this behavior

### Description

Hi,

I am using NVDA v2025.3 (latest version) for accessibility testing and have noticed that the mat-error presentation is announced twice by the screen reader.

Image

The above example demonstrates the issue from the angular material docs:
https://material.angular.dev/components/form-field/overview#error-messages

### Reproduction

Steps to reproduce:
1. Open screen reader and set focus on an angular material mat-form-field with mat-error presented on blur
2. Tab away from the field to trigger error message presentation
3. Observe announcements and notice that mat-error text is read twice.

### Expected Behavior

mat-errors should only be announced a single time by the screen reader.

### Actual Behavior

mat-error is announced twice by the screen reader.

### Environment

- Angular:
- CDK/Material:
- Browser(s):
- Operating System (e.g. Windows, macOS, Ubuntu):

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem im Report verlinkten Beispiel für Fehlermeldungen in Angular Material form-field und reproduziere das Verhalten mit NVDA. Konzentriere dich dabei auf Fehler, die angezeigt werden, wenn das Feld den Fokus verliert. Vergleiche die Ansagen mit der erwarteten einmaligen Ausgabe und ermittle den beteiligten Pfad für die Darstellung von form-field-Fehlern; abgeschlossen ist die Aufgabe, wenn mat-error nur einmal angesagt wird, ohne das dokumentierte Verhalten zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.