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

[Select]【a11y】用 arrow 键选择 option 时读屏软件没有读出 option 内容 #327

Closed
1 task
flyinhigh opened this issue Feb 17, 2019 · 5 comments
Closed
1 task
Assignees

Comments

@flyinhigh
Copy link

flyinhigh commented Feb 17, 2019

  • I have searched the issues of this repository and believe that this is not a duplicate.

Component

Select

Feature Description

mac + voiceover ,用上下箭头键选择 option 时,读不出来,虽然视觉上能看到是 focus 在上面了。

@flyinhigh flyinhigh changed the title [Select]【a11y】用 arrow 键选择 option 时需要把对应的 tabindex 设为 0 [Select]【a11y】用 arrow 键选择 option 时读屏软件没有读出 option 内容 Feb 17, 2019
@bindoon
Copy link
Member

bindoon commented Feb 18, 2019

这个没办法,因为箭头上下的时候是focus在 input 上面,要不然无法做到下拉的时候还能输入。

需要通过api onToggleHighlightItem 来获取高亮item,然后自己做读取

@flyinhigh
Copy link
Author

flyinhigh commented Feb 20, 2019

这个没办法,因为箭头上下的时候是focus在 input 上面,要不然无法做到下拉的时候还能输入。

需要通过api onToggleHighlightItem 来获取高亮item,然后自己做读取

可以参考下 https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html mac + voiceover
箭头上下的时候不需要 focus 在 input 上,选取之后焦点再回到 input

@bindoon
Copy link
Member

bindoon commented Feb 20, 2019

image

如果不 focus 在 input 上面,这种情况我是无法方便的输入的!

@flyinhigh
Copy link
Author

flyinhigh commented Feb 21, 2019

是这样的,键盘用户跟明眼人是不一样的,他的焦点只能注意在一个地方,所以没有下拉的时候还要输入的需求,他只能输入的时候不选择,选择的时候就不需要输入。如果想再次输入,就按 esc 关掉下拉列表,或者按 enter/space 键选择一个选项之后,焦点再回到 input 中,重新输入,否则,键盘用户都不知道自己选择了哪个选项。
主要针对这种情况:
示例图
另外,只有焦点 focus 到选项中,读屏软件才能读,没有所谓“自己做读取”这种操作的。

@youluna youluna added this to the Weekly publish milestone Feb 22, 2019
@youluna youluna added this to To do in Weekly Release 0226 Feb 22, 2019
@youluna youluna added this to To do in Weekly Release 0305 via automation Feb 26, 2019
@youluna youluna removed this from To do in Weekly Release 0226 Feb 26, 2019
@youluna youluna removed this from the Weekly publish milestone Feb 26, 2019
@youluna youluna removed this from To do in Weekly Release 0305 Mar 8, 2019
@bindoon
Copy link
Member

bindoon commented Mar 27, 2019

use <span aria-live="polite">{srReader}</span> in the select

youluna added a commit that referenced this issue Mar 28, 2019
feat(Select): support a11y. Close #327
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants