尝试添加屏幕外表单提交选项

Question

我正在尝试使用我放置在屏幕外的提交输入字段，但是 Android（对讲）的屏幕阅读器不允许我在双击时提交表单。我对 IOS 做了同样的事情，但是 IOS 屏幕阅读器（画外音）确实将双击注册为表单提交

Talkback 是否不允许您与不可见的对象进行交互？

我用的CSSclass是：

    .hidden 
    {
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
     }

这是一个 jsfiddle 的 link，它类似于我要完成的任务：https://jsfiddle.net/uyk0uLx4/

如果 Talkback 不支持屏幕外提交按钮的表单提交，建议使用什么方式让屏幕外表单提交正常工作？

Answer 1

屏幕外按钮是处理可访问性问题的糟糕方法（不限于屏幕阅读器用户）。

例如，眼球追踪无障碍软件不能使用隐藏按钮。仅使用键盘的用户无法知道在内容中使用 Tab 键时焦点将移至何处。

所以解决您问题的最佳方法是使按钮可见。

也就是说，使用 1 像素的透明图像按钮是解决您的问题的有效解决方案，屏幕阅读器用户也可以使用（尽管并非所有人都可以使用）。

尝试添加屏幕外表单提交选项

Trying to add an offscreen form submit option

accessibility

talkback