[SideBar] 无障碍支持

[syxysszyw]

优先级

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

P2

问题描述

iOS 表现

测试机：iPhone 11Pro（iOS 15.2） + 旁白

1、视频定位00：04——未读出“已选定”状态（button下没有aria-selected，“已选定”是通过 label 来实现的）；禁用选项也未读出“禁用”状态
2、视频定位00：05——建议左侧选项区改为 选项一、选项二、选项三...，同时右侧的标题对应改为“选项一标题”、“选项二标题”...便于区分；
3、视频定位00：46——建议将"图像"和“标题文字n” 聚合为一个焦点（因为2者的点击效果是相同的，安卓下不会有些问题，图片未获取焦点）
4、视频定位00：55——左侧栏在页面滚动时消失了

Android 表现

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

参考信息

录屏

• iOS：https://codesign.qq.com/s/nGaV96lALyZPqwd
• Android：https://codesign.qq.com/s/qxWyZ1al8qZmVXk

改造建议

无

改造参考示例

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

无

验收标准

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

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

常见无障碍 Q&A

点我查看

其他说明

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

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

TDesign 开发者交流群

IssueShoot

• 预估时长: 5
• 期望完成时间: 2022-12-29
• 开发难度: 中
• 参与人数: 1
• 验收标准: 实现期望改造效果，提MR并通过验收无误
• 备注: 最终激励以实际提交 pull request 并合并为准

[github-actions]

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

[github-actions]

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