Disabled tabs should remain keyboard focusable as per W3C WAI ARIA guidelines
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript, react
調査の方向性
まず、この issue で説明されているタブのキーボードナビゲーションと無効化されたタブの処理を特定し、次にリンクされている WAI-ARIA ガイダンスと動作を比較します。無効化されたタブがキーボードで引き続き到達可能で、スキップされるのではなくスクリーンリーダーユーザーに通知されれば完了です。3 タブの例を確認し、プロジェクトに関連するテストがある場合はカバレッジを追加または更新してください。
索引モデルが issue の本文から書いたものです。
説明
Disabled tabs do not currently accept focus when navigating via keyboard and this is confusing for screen-reader users.
Eg. assume we have 3 tabs, the second of which is disabled. For a screen reader user using the inbuilt MacOS screen reader it will read:
Tab 1, selected, tab, group, 1 of 3.
When they press the right arrow key to the next tab it will read:
Tab 3, selected, tab, group, 3 of 3
It skips over the disabled tab giving no information as to what the skipped tab is or why it was skipped.
The WAI ARIA guidelines state here:
For the following composite widget elements, keep them focusable when disabled: [...]
- Tab elements in a set of Tabs
- 主要言語
- JavaScript
- スター
- 3.1k
- フォーク
- 455
- 平均マージ
- 5時間 9分
- マージ済み PR（30日）
- 2
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
reactjs/react-tabs のほかの issue
-
難易度 3/5 1〜2日 初心者へのやさしさ 25/100
reactjs/react-tabs#584 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 45/100
reactjs/react-tabs#581 · コメント 3 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
reactjs/react-tabs#571 ·
-
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
reactjs/react-tabs#525 · コメント 1 件 · リアクション 1 件 ·
-
難易度 3/5 1〜2日 初心者へのやさしさ 42/100
reactjs/react-tabs#507 · コメント 1 件 ·
reactjs/react-tabs の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
docToolchain/docToolchain#1705 ·
-
Timezone select lists one option per character; duplicate "Failed" reason; shared tracker popover id オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
nightscout/nocturne#1414 ·
-
bug v2
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
modelcontextprotocol/inspector#2458 · コメント 1 件 ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
carbon-design-system/ibm-products#9907 ·