页面加载后将焦点设置在"readonly"字段上是否正确/有效的设计



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

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

您应该问的问题是,您是否应该干扰以用户为中心?

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

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

我还假设你在页面上有一个<H1>,以加强他们在网站上的位置,所以他们也希望看到这一点。

如果他们填写的是多页表格,那么他们会使用屏幕阅读器快捷方式来寻找下一个表格,如果你的页面上有多个表格(搜索框、快速联系等(,他们最终会错误地导航离开你的表格,而不是登上它。

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

答案几乎总是肯定的。

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

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

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

在文档中有"跳过链接"是完全可以接受的,它们不一定只是用于菜单。

您这样做是为了让他们可以选择检查以前输入的信息是否正确,并知道该信息在页面上可以参考,但如果他们不想检查之前输入的信息,也不必在每个字段后面加标签。

与可访问性方面的所有内容一样,每个用例都略有不同,因此唯一真正的答案是"取决于",但希望以上内容将有助于指导您的思考过程,确定什么最有效。

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

最新更新