亚伦·皮尔曼：我将在这里快速地打开这个话题

所以他们为此提供的模式，我认为这是一个服装网站。所发生的事情是它集中了身体，我可以通过以下方式最好地展示这一点：我将很快打开 VoiceOver。我要把它拉起来。 画外音[听不清  亚伦·皮尔曼：而你将听不到—— 画外音：谷歌浏览器，亚伦·皮尔曼：但你会看到它。 画外音：关闭卡片，您的卡片为空，组具有键盘焦点。您当前在打开卡的组中，关闭卡时，您的卡为空组。您当前位于网络内容组中，VoiceOver 已关闭。 亚伦·皮尔曼：因此，当我集中注意力时，它会读出您卡上关闭的所有内容，并且您的卡是空的，因为当时集中了购买。这是完全正确的。这是集中模态的完全有效的方法。这根本不是问题。然后您可以从那里循环浏览其中的所有内容。 亚伦·皮尔曼：唤起模态的另一种常见方法是聚焦标题，这就是我们在应用程序中使用的模态中所做的就是聚焦标题。

所以我要唤起模态，正如您在这里所看到的，焦点就在这里，上面写着“带有表 电子邮件数据 单的模态”，焦点就在标题上。实际上，我们不是像索引那样指示它，而是以编程方式关注它，以及当我在此处循环切换时我们以编程方式关注它的原因 - 它现在转到关闭按钮 - 也在标题中，然后到第一个交互式元素，即字段到下一个字段，到下一个字段，到下一个字段，再次按 Tab 键切换到“保存”，再次按 Tab 键切换到“取消”。 亚伦·皮尔曼：从这里开始，当我点击 Tab 时，如果该标题是 Tab 停止位，它就会转到那里，但我们选择不这样做。相反，我们会转到“关闭”，我们这样做的原因是如果有人使用 VoiceOver，因为您可能已经看到了正在写的一些内容，并且同时进入了我的耳朵，这实际上非常好。有点分散注意力，因为它说得很快，有点喋喋不休。因此，我们想要对这里的体验进行的优化之一就是让它少一点喋喋不休。所以，是的，我们宣布了这一点，当他们第一次到达那里时，我们以编程方式将模态与表单聚焦在一起，以便让他们知道他们引发的模态实际上是他们当前关注的内容。 亚伦·皮尔曼：但如果他们要循环通过这种模式，我们不需要一次又一次地宣布它。因此，对于您引用的大多数仅使用鼠标的用户来说，这可能是一个小的优化。



但是这个小小的优化，你可以想象，如果我经常使用模态来填写表单，并且我是一个使用仅键盘或辅助技术的用户，那么随着时间的推移，优化将会增加。因此，我们可以做的一些微小的用户体验事情，可以在我们可以投入到设计中的护理方面产生显着的整体差异，因此它们是我们可以提供的最常见的体验。 亚伦·皮尔曼：说到处理焦点，我们要讨论的最后一个是焦点处理本身。我们看到了一个例子，如果在某些类型的处理中失去焦点会发生什么？但是，处理焦点的方式不仅可以成为一个重大问题，还可以显着改变个人的体验。实际上，处理焦点的规则，尤其是我们现在要讨论的两个实例，即在工作空间或您正在工作的任何内容中删除和添加元素……它绝对可以改变某人的方式与它相互作用。因此，我们希望使其符合仅使用鼠标的用户或视力正常的用户（我应该说是仅使用鼠标的用户）的预期体验。 亚伦·皮尔曼：在本例中，我们将查看... 在这里，我们将查看... 好吧，让我把它拖过去。等一下。