Tencent / Tencent/tdesign-miniprogram

[Dialog] 无障碍支持

Open
#1,017 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

a11y help wanted IssueShoot
Dominant language
Vue
Stars
1.8k
Forks
337
Avg merge
1d 21h
Merged PRs (30d)
19

Description

优先级

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

P0

问题描述

iOS 表现

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

  1. 视频定位00:02——弹窗出现后未将焦点自动置于弹窗(标题)上

  2. 视频定位00:03——弹窗出现后,未将焦点限制在弹窗范围内,也存在焦点穿透问题

Android 表现

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

  1. 触摸时不存在焦点穿透问题,但单指左右滑动时会有
  2. 未自动将焦点定位到 dialog 的合适位置

参考信息

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

改造建议

改造参考示例

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

https://share.weiyun.com/WIJv7ceu

验收标准

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

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

常见无障碍 Q&A

点我查看

其他说明

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

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

TDesign 开发者交流群

待补充二维码

IssueShoot

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the Dialog with VoiceOver on iOS and a screen reader on Android, using the linked recordings and the stated device scenarios as references. Verify that opening the Dialog moves focus to an appropriate title or element and prevents focus from leaving its bounds on both platforms. Done means both platforms pass the accessibility acceptance check and the pull request includes the required iOS and Android recordings.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, ios
Domain
accessibility, mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.