Html 将焦点放在“a”上是否正确/有效;只读“;页面加载后的字段

Html 将焦点放在“a”上是否正确/有效;只读“;页面加载后的字段,html,css,accessibility,Html,Css,Accessibility,现在,在页面加载期间,我将焦点设置在第一个可编辑的输入字段上 就页面可访问性而言,如果第一个元素是“只读”输入字段,那么在禁用光标的情况下将焦点设置在输入字段上是否有效或有意义 您应该问的问题是,您是否应该干扰用户焦点 您可能认为自动聚焦第一个输入(无论是否为只读)很有用,但这可能没有您想象的那么有用 当页面加载时,用户希望使用您的跳过链接(我假设您有一个,如果没有添加它的话)来绕过菜单并访问页面内容。但是,他们可能不想这样做,因为他们可能想通过面包屑、菜单位置(假设您以某种方式标记当前页面)等

现在,在页面加载期间,我将焦点设置在第一个可编辑的输入字段上


就页面可访问性而言,如果第一个元素是“只读”输入字段,那么在禁用光标的情况下将焦点设置在输入字段上是否有效或有意义

您应该问的问题是,您是否应该干扰用户焦点

您可能认为自动聚焦第一个输入(无论是否为只读)很有用,但这可能没有您想象的那么有用

当页面加载时,用户希望使用您的跳过链接(我假设您有一个,如果没有添加它的话)来绕过菜单并访问页面内容。但是,他们可能不想这样做,因为他们可能想通过面包屑、菜单位置(假设您以某种方式标记当前页面)等检查他们是否在正确的页面上

我还假设你在页面上有一个
,以强调他们在他们认为他们在网站上的位置,因此他们也希望看到这一点

如果他们填写多页表单,他们将使用屏幕阅读器快捷方式查找下一个表单,如果页面上有多个表单(搜索框、快速联系人等),他们最终会错误地离开您的表单,而不是登录表单

现在假设,即使有了以上所有内容,如果您关注第一个“只读”输入,那么关注第一个输入实际上是更好的用户体验(我不是说它不是,只是指出了上面的注意事项)

答案几乎总是肯定的

如果非屏幕阅读器用户在看到需要输入/编辑的信息之前会看到该信息,那么屏幕阅读器用户也应该首先看到该信息

唯一的例外是,如果所有这些只读字段都是迄今为止以多部分形式输入的所有内容的摘要

在这种情况下(作为一个粗略的规则,再次使用您自己的判断),您仍然应该首先提供该信息,但确保有一个标题/图例/字段集标题等,表明这是以前输入的信息,并提供一种简单的方式跳到需要输入的字段

在文档中有“跳过链接”是完全可以接受的,它们不必只用于菜单

您这样做是为了让他们可以选择检查以前输入的信息是否正确,并知道页面上有可供返回参考的信息,但如果他们不想检查以前输入的信息,也不必通过每个字段进行制表

与可访问性中的所有内容一样,每个用例都略有不同,因此唯一真正的答案是“这取决于”,但希望上述内容将有助于指导您的思考过程,让您知道什么是最有效的


这就是用户测试是您最好的朋友,只有不了解您的网站设计和布局的真实屏幕阅读器用户才会让您看到您是否做出了最佳选择/哪种方案最有效。

从用户角度看这一点-它是否提供了任何有意义的用例?