[Feature Request] TreeSelect: Add "labelInAriaLive"-property for better accessibility
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 45/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
調査の方向性
TreeSelect コンポーネントから開始し、矢印キーで移動しているときにアクティブなノードを通知する aria-live コンテンツを見つけます。各ノードの value と label がどのように利用可能になっているかを追跡し、その後、false をデフォルトとしてオプションの labelInAriaLive 動作を実装します。有効にしたときに label が通知され、デフォルトでは value が引き続き通知されれば完了です。
索引モデルが issue の本文から書いたものです。
説明
What problem does this feature solve?
If the user moves between TreeSelect options using arrow keys, the screenreader will always read out the value of the active node. It would be much better for accessibility (and more flexible), if I as a developer could decide to use labels for aria-live content instead of the values.
What does the proposed API look like?
New prop would be labelInAriaLive, and it would be false by default. This prob would then be used to decide whether to use the value or label of the selected item, when rendering the aria-live tag of the component.
Using the component with the implemented feature:
<TreeSelect
labelInAriaLive={true} // This is the new prop
treeDefaultExpandAll
treeData={[{ value: 'parent', label: 'parent-label', children: [{ value: 'child', label: 'child-label' }] }]}
multiple
/>
- 主要言語
- TypeScript
- スター
- 312
- フォーク
- 204
- 平均マージ
- 37分
- マージ済み PR（30日）
- 1
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-component/tree-select のほかの issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 52/100
react-component/tree-select#652 ·
-
treeTitleRender 回显时函数中的targetItem中只有value属性，只return targetItem.label时有效，return 拼接数据只能获取到value属性 オープン
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
react-component/tree-select#528 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 35/100
react-component/tree-select#485 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 28/100
react-component/tree-select#466 ·
-
DFS这里是否能调整为尾递归 オープン
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
react-component/tree-select#454 ·
react-component/tree-select の issue をすべて見る
似ている issue
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
難易度 1/5 1時間未満 初心者へのやさしさ 85/100
-
Mend: dependency security vulnerability untriaged
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100