[Badge] 无障碍支持 #1019
Labels
Comments
|
👋 @LeeJim，感谢给 TDesign 提出了 issue。 |
|
任何人都可以处理此问题。 |
|
|
yaogengzhu
added a commit
to yaogengzhu/tdesign-miniprogram
that referenced
this issue
Dec 8, 2022
LeeJim
pushed a commit
that referenced
this issue
Dec 28, 2022
* feat(badge): badge support aria fix #1019 * feat(badge): fix code * test(badge): update snap * fix(badge): fix code * fix: fix code * fix: fix code * fix: fix code * fix: fix: fix code * fix: update snap * fix: fix code
LeeJim
added a commit
that referenced
this issue
Jan 3, 2023
* chore: remove optional chain on demo (#1298) * chore: update website readme (#1301) * docs: add version information (#1300) * build: add npm cache * build: preview ci updated * feat(indexes): 读屏优化 (#1237) * feat(indexes): 增加读屏 * feat(indexes): test * fix(progress): 优化朗读次数 (#1283) * fix(progress): 优化朗读次数 * fix: 新增异常朗读 * feat(Badge): support Badge aria (#1196) * feat(badge): badge support aria fix #1019 * feat(badge): fix code * test(badge): update snap * fix(badge): fix code * fix: fix code * fix: fix code * fix: fix code * fix: fix: fix code * fix: update snap * fix: fix code * style: remove useless css (#1314) * feat(example): add a11y support (#1313) * feat(example): add a11y support * feat(example): add a11y support * feat: icon attribute supports object type (#1295) * feat: icon attribute supports object type * test: update snapshoot * fix(swiper): update style (#1327) * fix(cascader): update style (#1326) * style(Result): update style (#1325) * refactor(badge): using real unique id (#1321) * refactor(badge): using real unique id * refactor: finish unique logic * refactor: remove userid * fix(PullDownRefresh): update demo (#1333) * style(Progress): update style (#1328) * docs: 文档 button 属性使用错误 (#1347) * fix(tabs): update style (#1339) * fix(tabs): update style * fix(tabs): update a11y * fix(steps): update style (#1351) * fix(steps): update style * test(steps): update snapshot * fix(rate): update style (#1350) * fix(Stepper): update style (#1356) * fix(Stepper): update style * test: update snapshots * fix(tag): resolve icon and control (#1358) * fix(tag): resolve icon and control * test(tag): update snapshot * fix(drawer): update style (#1359) * feat(treeselect): 读屏优化 (#1355) * feat(treeselect): 读屏优化 * feat(sidebaritem): 读屏优化 * feat(sidebaritem): 读屏优化 * feat(sidebaritem): 读屏优化 * fix: update cos url (#1364) * Fix/upload/style (#1365) * fix(upload): update style * test(upload): update snapshot * fix(dialog): replace url (#1362) * fix(dropdown-menu): update reset logic and style (#1363) * fix(action-sheet): 修复旁白读取问题. (#1064) (#1235) * fix(action-sheet): 修复旁白读取问题. (#1064) * fix(action-sheet): 优化弹出框聚焦, 多余无效role属性 * fix(action-sheet): 修复旁白读取问题. (#1064) * fix(action-sheet): 优化弹出框聚焦, 多余无效role属性 * fix(action-sheet): 列表选项语义化. (#1064) * fix(action-sheet): onCancel 恢复变更, 按钮语义恢复. (#1064) * fix(action-sheet): 去掉多余的focus属性. (#1064) * fix(action-sheet): 兼容动态role. (#1064) * fix(action-sheet): android tabindex. (#1064) * fix(switch): 开关无障碍旁白补充 (#1279) * fix(switch): 修复朗读不可用问题. (#1018) * fix(switch): 修复朗读勾选问题. (#1018) * fix(switch): icon读取问题. (#1018) * fix(switch): update snapshot. (#1018) * fix(switch): update role. (#1018) * fix(switch): update snapshot. (#1018) * fix(switch): delete disabled. (#1018) * feat(cell): 增加无障碍支持 (#1212) Co-authored-by: lsdyi <yangjinzhehao123@outlook.com> * feat(dropdown): dropdown-menu无障碍支持 (#1285) * feat(dropdown): dropdown-menu无障碍支持 * feat(dropdown): 代码优化 * fix(code): 回退代码 * fix(dropdown-menu): 删除aria-hidden属性 * fix(slider): support a11y * chore(switch): update demo (#1368) * fix(tab-bar): update style (#1369) * fix(checkbox): update style (#1371) * fix(search): update demo (#1370) * fix(navbar): update style (#1372) * fix(navbar): update style * test(navbar): update snapshot * fix(navbar): optimize * fix(navbar): make the custom-style property reactive (#1374) * fix(navbar): make the custom-style property reactive * test(navbar): update snapshot * chore: publish v0.33.0 (#1378) * chore: publish v0.33.0 * chore: changelog's changes Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Y <anly_yaw@163.com> Co-authored-by: Lzzzz <lz_n10828@163.com> Co-authored-by: 龙风 <455947455@qq.com> Co-authored-by: Jason <jason.daurus@gmail.com> Co-authored-by: 大补 <38815121+AuYuHui@users.noreply.github.com> Co-authored-by: byqbai <byq1213@qq.com> Co-authored-by: lsdyi <52379902+lsdyi@users.noreply.github.com> Co-authored-by: lsdyi <yangjinzhehao123@outlook.com> Co-authored-by: Lindddt <44339196+Lindddt@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
优先级
P0
问题描述
iOS 表现
期望效果：红点应该与与之相关的内容（Tag标签、Cell 单元格、Tab标签栏元素等）合并为一个焦点，焦点的大小视具体情况而定（例如 Tag、Tab 以单个 item 范围为一个焦点，Cell 单元格以整行为一个焦点），并根据实际情况播报红点的内容，例如：
这是手机原生系统非常常见的效果，可参考原生系统读屏效果的处理方式进行优化
Badge 组件被较多组件引用，需要综合考虑多种场景的适配情况
Android 表现
同 iOS
参考信息
录屏：https://share.weiyun.com/GBCL7cSC
改造建议
无
改造参考示例
https://share.weiyun.com/XnI4cgRv
验收标准
真机效果是无障碍改造验收通过的依据之一，请开发者在发起
pull request时附上相应组件示例页分别在 iOS、Android下录屏效果，录屏示例及要求可分别查看 iOS录屏指引、Android录屏指引。最终
pull request验收通过会以 iOS、Android 两个平台都满足无障碍要求为准，同时这两个平台的录屏链接有助于加快pull request通过效率哦：）常见无障碍 Q&A
点我查看
其他说明
如果您准备修复此问题，请您在发起
pull request之前先在 issue 中评论，以便其他开发者知道这个问题已经有人在跟进：）最终激励以实际提交
pull request并合并为准TDesign 开发者交流群
IssueShoot
pull request并合并为准The text was updated successfully, but these errors were encountered: