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

无障碍:Accordion组件在Android上不读出展开折叠状态 #2491

Closed
1 task
liwufu opened this issue Apr 24, 2018 · 2 comments
Closed
1 task

无障碍:Accordion组件在Android上不读出展开折叠状态 #2491

liwufu opened this issue Apr 24, 2018 · 2 comments
Assignees

Comments

@liwufu
Copy link

liwufu commented Apr 24, 2018

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

Version

2.1.8

Environment

Android系统

Reproduction link

https://mobile.ant.design/kitchen-sink/components/accordion?lang=zh-CN#accordion-demo-0

Steps to reproduce

1、开启屏幕朗读(iOS的VoiceOver,Android的语言助手等)
2、选中Accordion组件的title部分进行朗读

What is expected?

1.聚焦时朗读出展开折叠状态“已折叠/已展开”;
2.切换状态后读新状态“已折叠/已展开”。

What is actually happening?

Android上展开折叠状态不朗读。
另:iOS上展开状态下回朗读,折叠不朗读

@ant-design-bot
Copy link

Translation of this issue:


Accessibility: The Accordion component does not read Expand collapsed on Android

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

Version

2.1.8

Environment

Android system

Reproduction link

[https://mobile.ant.design/kitchen-sink/components/accordion?lang=en#accordion-demo-0](https://mobile.ant.design/kitchen-sink/components/accordion? Lang=zh-CN#accordion-demo-0)

Steps to reproduce

1, open the screen reading (iOS VoiceOver, Android language assistant, etc.)
2. Select the title part of the Accordion component to read it

What is expected?

  1. Read and unfold the folded state “folded/expanded” when focused;
  2. Read the new state "folded/expanded" after switching states.

What is actually happening?

Unfolding on Android does not read.
Another: iOS reads in the state of unfolding, folding does not read

@KgTong KgTong self-assigned this May 4, 2018
@KgTong
Copy link
Contributor

KgTong commented May 10, 2018

有两个点

  • 官网的例子是在preact下运行,preact会忽略值为false的属性,导致iOS下折叠不朗读。Accordion组件底层依赖Collapse组件,Collapse中使用了aria-expanded无障碍属性,当为false时,在preact下被忽略,已修复
  • Android下对于 aria-expanded属性支持不是很好。组件库暂不不支持

@KgTong KgTong closed this as completed May 10, 2018
BANG88 added a commit to BANG88/ant-design-mobile that referenced this issue May 11, 2018
* master:
  fix: Modal event close ant-design#2486
  fix(input-item): user experience regression on non-mutate control (ant-design#2537)
  fix(input-item): cursor dislocation when typing via system keyboard of UC browser (ant-design#2532)
  fix(Accordion): make aria-expanded prop valid in preact, close ant-design#2491 (ant-design#2530)
  fix(input-item): value.substring is not a function (ant-design#2508)
  demo: add use of listview component nested with tabbar, close ant-design#2455 (ant-design#2527)
  docs: improve List doc, close ant-design#2514
  docs: fix typo (ant-design#2523)
  fix: style of <SearchBar/> (ant-design#2510)
  fix: development error
  fix: upgrade rmc-feedback to 2.x (ant-design#2509)
  fix(textarea-item) close ant-design#2372 (ant-design#2506)
  docs: improve Progress api doc
  Update index.zh-CN.md (ant-design#2494)
  lint: fix ts error in @types/react-native-drawer-layout
  chore: fix test error
  build: delete cdn-tools in deploy cmd
  demo: add dynamic child demo to Carousel, ref ant-design#2434
  demo: improve Carousel demo
  docs: add change
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