如果网页元素消失了，焦点应该放在哪里？

Question

4

我有一个关于网页焦点的有趣问题，与鼠标和键盘的交互有关。比如说我在网页上有一系列对象，其中一个是“聚焦”的或者被选中的，而且使用Tab键可以导航它们。如果该元素有一个删除按钮，我点击它时，焦点应该发生什么变化？

我的理论是，焦点应该消失，因为被操作的元素获得焦点，并随后消失。这会创建一个奇怪的情况：焦点随后被排除到根元素，之后按Tab键将导航到页面顶部的元素。

希望听听大家的意见。

- johncch

没错，我做了。如果我有4个元素并删除第三个。焦点通常会返回到根元素，并从第一项开始制表。这是一个例子：http://jsfiddle.net/S2aab/1/ - johncch

3个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- gooselips · Answer 1

如果没有更多关于你要删除的内容以及其他控件或标题的上下文，很难确定应该将焦点放在哪里。但是，它不应该是根元素，因为这会非常使人迷惑。 http://www.w3.org/TR/wai-aria/usage

- rcplusplus · Answer 2

如果您有一个对象数组，请使当前聚焦的对象消失时，前一个对象成为焦点。这似乎对用户最友好。我相信您可以使用JQuery来实现这一点。

- Mike Clark · Answer 3

0

通常在元素列表中，如果您关注第N个项目，然后删除第N个项目，焦点仍然留在第N个项目上，这是根据已更新（缩短）的项目列表计算的。

例如电子表格程序和电子邮件客户端都是如此。

- Mike Clark

那是个好主意。让我去试试一些电子表格/电子邮件客户端。 - johncch

我刚刚做了。这很有趣。例如：在Google电子表格中，焦点会转移到下一个项目。在表单编辑视图中，有一个类似的情况，他们允许你使用单选按钮，删除会将焦点移动到上一个。我猜没有正确答案吧。 - johncch

@johncch 我测试过的所有电子表格和电子邮件程序都是按照我所描述的方式运作。然而，听起来你的情况与电子邮件/电子表格略有不同，因此你有一个潜在的理由（以及一些潜在的先前艺术品）来以不同的方式实现它。我想最好的方法是选择你认为对大多数用户最方便的路径。 - Mike Clark