Accessibility 屏幕阅读器忽略焦点事件

有一个有趣的问题。我正在为一个全国性的大客户研究可访问性。该网站是一系列的形式问题

除了客户端希望在从网站顶部到底部阅读的同时关注加载时的第一个输入外，其他一切都与屏幕阅读器和键盘可访问性有关

我把重点放在下载上，但是屏幕阅读器正确地开始从输入往下读，而不是从上往下读

我没有能力更改规格。换句话说，这必须如预期的那样起作用

现场加载 光标在第一个输入上 屏幕阅读器从上到下阅读 从页面开始的底部开始。

---

关于如何让屏幕阅读器忽略焦点事件，从上到下阅读，有什么想法吗？

我不相信你的要求是可能的。你所经历的行为是经过设计和正确的。试图强制执行不同的行为可能会降低可访问性，而不是改善它

一旦屏幕阅读器根据特定行为聚焦或输入输入元素，它将退出标准浏览模式并进入应用程序模式。这有时也称为窗体模式或焦点模式

在应用程序模式下，用户只能访问表单内容，例如输入、选择、文本区域和按钮元素

当屏幕阅读器处于应用程序模式时，正常页面内容（如段落、标题、表格等）将被忽略

虽然从技术上讲并不违反WCAG，但在易访问性社区中，将焦点设置在页面加载上通常是不受欢迎的，因为这可能会让无视力的用户迷失方向

参考资料：

---

我不相信你的要求是可能的。你所经历的行为是经过设计和正确的。试图强制执行不同的行为可能会降低可访问性，而不是改善它

一旦屏幕阅读器根据特定行为聚焦或输入输入元素，它将退出标准浏览模式并进入应用程序模式。这有时也称为窗体模式或焦点模式

在应用程序模式下，用户只能访问表单内容，例如输入、选择、文本区域和按钮元素

当屏幕阅读器处于应用程序模式时，正常页面内容（如段落、标题、表格等）将被忽略

虽然从技术上讲并不违反WCAG，但在易访问性社区中，将焦点设置在页面加载上通常是不受欢迎的，因为这可能会让无视力的用户迷失方向

参考资料：

---

Josh所说的是正确的，在这里没有正确的方法使屏幕阅读器表现出不同的行为

然而，作为一种解决方法，你可以在用户进入页面之前让他们知道，假设这是网站自然流动的一部分，即即将发生的行为

您可以通过激活页面的链接中的一些可视隐藏文本来实现这一点

e、 g

---

Josh所说的是正确的，在这里没有正确的方法使屏幕阅读器表现出不同的行为

然而，作为一种解决方法，你可以在用户进入页面之前让他们知道，假设这是网站自然流动的一部分，即即将发生的行为

您可以通过激活页面的链接中的一些可视隐藏文本来实现这一点

e、 g

<a href="pageURL">
    Anchor Text 
    <span class="visually-hidden">
        The first input field will be focused automatically on page load.
    </span>        
</a>

<label for="focusedinput">
    First Field Name 
    <span class="visually-hidden">Please note we have focused this form field automatically, there is content above this input field.</span>
</label>
<input id="focusedinput />

.visually-hidden { 
    position: absolute !important;
    height: 1px; 
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}