Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Swiper] 无障碍支持 #1056

Closed
anlyyao opened this issue Nov 17, 2022 · 5 comments · Fixed by #1598
Closed

[Swiper] 无障碍支持 #1056

anlyyao opened this issue Nov 17, 2022 · 5 comments · Fixed by #1598
Labels
a11y 无障碍访问 help wanted Extra attention is needed IssueShoot

Comments

@anlyyao
Copy link
Collaborator

anlyyao commented Nov 17, 2022

优先级

P0 最高,数字越小优先级越高

P1

问题描述

iOS 表现

测试机:iPhone 11Pro(iOS 15.2) + 旁白

  1. 视频定位00:01——轮播图像没有替代文本
  2. 视频定位00:14示例中左右2个箭头按钮无法获取焦点

ps:示例中的“开关”“滑块”问题不在本组件处理

Android 表现

测试机:nova 5 pro,HarmonyOS 2.0.0 + 屏幕朗读<与TalkBack可能存在细小差异>
主要补充与iOS表现存在差异的地方

图像未能获取焦点

参考信息

录屏:https://share.weiyun.com/DTLGxYDq

改造建议

改造参考示例

截图或录屏链接(参考 WeUI Web、小程序组件库、手机原生系统应用等)

https://share.weiyun.com/nRJ63Atq

验收标准

真机效果是无障碍改造验收通过的依据之一,请开发者在发起 pull request 时附上相应组件示例页分别在 iOS、Android下录屏效果,录屏示例及要求可分别查看 iOS录屏指引Android录屏指引

最终 pull request 验收通过会以 iOS、Android 两个平台都满足无障碍要求为准,同时这两个平台的录屏链接有助于加快 pull request 通过效率哦:)

常见无障碍 Q&A

点我查看

其他说明

如果您准备修复此问题,请您在发起 pull request 之前先在 issue 中评论,以便其他开发者知道这个问题已经有人在跟进:)

最终激励以实际提交 pull request 并合并为准

TDesign 开发者交流群

待补充二维码

IssueShoot

  • 预估时长: 10
  • 期望完成时间: 2023-4-10
  • 开发难度: 高
  • 参与人数: 1
  • 验收标准: 实现期望改造效果,提MR并通过验收无误
  • 备注: 最终激励以实际提交 pull request 并合并为准
@github-actions
Copy link
Contributor

👋 @anlyyao,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@github-actions
Copy link
Contributor

github-actions bot commented Nov 17, 2022

♥️ 有劳 @esky 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @anlyyao

@anlyyao anlyyao added help wanted Extra attention is needed IssueShoot a11y 无障碍访问 labels Nov 17, 2022
@github-actions
Copy link
Contributor

任何人都可以处理此问题。
请务必在您的 pull request 中引用此问题。
感谢你的贡献! ✨

@zhangpaopao0609
Copy link
Contributor

已认领

@syxysszyw
Copy link
Collaborator

iOS

1、视频定位00:22,打开选择器后,单指滑动焦点无反应(视频打开后有较长时间停顿,现实中在不停左右滑动,但焦点依旧保留在原位置),触摸能切换焦点位置;
2、视频定位00:44开始,可以看到每一列当前选中选项发生改变以后,焦点往回走依旧是聚焦在列的第一个元素上(预期是聚焦在当前选中的选项上),虽然点击“确认”选中的确实是当前视觉看到的选项,但会对视障用户造成困扰
https://user-images.githubusercontent.com/4988284/226610194-47a6cc19-33c7-46d9-931f-13ea1d3f044e.MP4

RPReplay_Final1679402074.MP4

Android

1、存在焦点穿透问题
2、切换选项时未有实时播报,无法得知当前选中的选项
3、每一列会有2次焦点(整个列的容器一次,读为“列表框”;当前选中的选项一次),焦点在这2个元素上均可拖动切换选项,前者焦点位置固定,后者焦点位置跟随打开时当前列被选中的选项

127_1679402318.mp4
103_1679402376.mp4

共性问题

“确认”虽然在视觉上是在最顶部,但是实际操作过程中,选完最后一列需要将焦点往回切(列数越多困扰越大),才能聚焦在“确定”按钮并完成选择,建议在保持现有视觉效果的同时,将“确认”按钮的顺序调在选项的最后面(需要调整“确定”按钮的代码结构)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y 无障碍访问 help wanted Extra attention is needed IssueShoot
Projects
None yet
3 participants