iOS 垂直输入类型滑块范围的画外音错误地表示向左向右滑动

iOS voiceover for vertical input type slider range incorrectly states swipe left right

我们有一个 ionic 应用程序,我们现在正在尝试为其添加画外音辅助功能。即一个小部件给我带来麻烦..

<input type="range" min="0" max="100" value="0" class="vertical" ng-model="myBoundValue" my-directive ng-class="{'closed':widget.state=='closed'}"/>

如果我突出显示它,而小部件关闭..画外音 selector/highlighter,显示一个巨大的 200x200px 框..当它应该是 [=13= 的垂直选择器时].

我正在缩小范围,看起来滑块上的输入按钮突出显示了,但是当我点击它时(我添加了一个 on-tap 事件……没有任何反应。我想我需要以某种方式获得 iOS 画外音以停止突出显示按钮,或者注意到在 angularjs 中单击按钮本身...这里有什么想法吗?

画外音说 100% adjustable , swipe left or right to adjust ... 但这是一个垂直滑块!?这是他们的可访问性相关代码中的错误吗?是否有解决方法来覆盖该说法?

原来我页面下方的 CSS 正在旋转 <input 字段,以及 button/slider.

这扰乱了 Voiceover 逻辑,因为它希望所有滑块都是水平的。我最终用它自己的 aria-label 属性覆盖了它。