patternfly / patternfly/patternfly-react

Bug - FormSelect - Accessibility warning doesn't check `aria-labelledby`

Offen Anfängerfreundlich
#12,119 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

A11y Stale
Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beschreibung

Describe the problem
When using FormSelect with a prop aria-labelledby that points to another label it will complain that the component requires either an ID or aria-label to be specified. Specifically:

FormSelect requires either an id or aria-label to be specified

How do you reproduce the problem?

  1. Go to https://codesandbox.io/p/sandbox/zk38dy
  2. Open console
  3. See FormSelect requires either an id or aria-label to be specified

Expected behavior
FormSelect also checks aria-labelledby before showing the warning.

Is this issue blocking you?
No


Jira Issue: PF-2918

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, die FormSelect-Komponente und die Barrierefreiheitswarnung zu finden, die eine fehlende id oder ein fehlendes aria-label meldet. Reproduziere das Problem mit der verknüpften CodeSandbox und überprüfe anschließend, dass die Angabe von aria-labelledby die Warnung nicht mehr auslöst, während das bisherige Warnverhalten erhalten bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Ruhig
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
72/100

Neue Issues direkt in Ihr Postfach

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