patternfly / patternfly/patternfly-react

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

オープン 初心者向け
#12,119 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

A11y Stale
主要言語
TypeScript
スター
862
フォーク
392
平均マージ
4日 8時間
マージ済み PR(30日)
9

説明

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

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まず、FormSelectコンポーネントと、idまたはaria-labelの欠落を報告するアクセシビリティ警告を見つけます。リンクされたCodeSandboxで問題を再現し、aria-labelledbyを指定すると警告が発生しなくなる一方で、既存の警告動作が維持されることを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
accessibility, frontend
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
静か
明瞭さ
明確に書かれている
初心者へのやさしさ
72/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。