Disabled tabs should remain keyboard focusable as per W3C WAI ARIA guidelines
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript, react
调研方向
首先定位此 issue 中描述的 Tab 键盘导航和禁用 Tab 的处理方式，然后将其行为与链接的 WAI-ARIA 指南进行比较。完成的标准是：禁用的 Tab 仍可通过键盘访问，并且会向屏幕阅读器用户播报，而不是被跳过；验证三 Tab 示例，如果项目有相关测试，则添加或更新测试覆盖。
由索引模型根据 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 分钟
- 30 天内合并 PR
- 2
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 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 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 42/100
reactjs/react-tabs#507 · 1 条评论 ·
查看 reactjs/react-tabs 的全部 Issue
相似的 Issue
-
bug confirmed issue
难度 2/5 1-3 小时 新手友好度 75/100
open-webui/open-webui#30750 · 1 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
-
难度 2/5 1-3 小时 新手友好度 70/100
-
难度 2/5 1-3 小时 新手友好度 75/100
-
Mend: dependency security vulnerability untriaged
难度 2/5 1-3 小时 新手友好度 70/100