部署到 Google App Engine 后，Safari 中的键盘导航消失了答案

【问题标题】：Keyboard navigation in Safari gone after deployment to Google App Engine部署到 Google App Engine 后，Safari 中的键盘导航消失了
【发布时间】：2020-12-02 20:10:52
【问题描述】：

我目前有一个使用 Vue.js (2.x) 构建并使用 Google App Engine 部署的网站。

在 Safari 中测试已部署的应用程序时，我发现无障碍功能 "'skip navigation' on :focus" 不再“受支持”（即按 tab 仅切换浏览器的搜索栏，而不是网页中的链接）。简而言之，我无法使用tab 键、spacebar 和Shift 来导航链接和页面内容。但是，这在 Chrome 中不是问题。

应用网址：https://ixplore-web.appspot.com/?

我尝试过的：

1.我已经查看了enabling accessibility features through gcloud 和App Engine FAQs 上的Google 开发者文档，但他们没有提及任何有关这些可访问性问题的内容。虽然第一个资源提到了如何为屏幕阅读器配置可访问性，但它没有说明键盘导航。

2. 我已经检查了 configuration files 以部署到 Google App Engine，例如 cloudbuild.yml 和 app.yml，但似乎没有关于可访问性配置的任何内容（因为为什么部署配置会有这个？）。

3. 我查看了.gitignore 文件，没有任何内容可以忽略基于键盘的导航。出于职业礼貌，我从不禁用/忽略与网络应用程序中的网络可访问性相关的任何内容。

有没有人遇到过为什么部署到 App Engine 并在 Safari (13.1) 中打开的应用不“支持”键盘导航？

【问题讨论】：

在部署到 App Engine 期间是否有 .gcloudignore 文件？如果您确实检查它是否没有忽略任何设置键盘导航的文件。由于这仅在已部署的版本中发生，因此可能是导致问题的原因。
哦，我明白了——我实际上没有那个文件。我不是部署该应用程序的人，但我一定会检查一下。谢谢！另外，谁投了反对票，哈哈
如果你没有它，请检查你的.gitignore，它也可能在那里被忽略。

标签： vue.js google-app-engine web-hosting web-accessibility keyboard-navigation

【解决方案1】：

更新：

我找到了答案！

它与 .gitignore 或任何文件无关。尽管使用了多年的 MacOS，但我却无法了解它的复杂性......

答案：在 Safari 浏览器中，基于标签的导航需要 ⌥ Option + Tab 来导航网页 - 请参阅 MDN 文档关于键盘可访问性 (https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility)。

本文中遇到的问题与文章的不同之处在于，默认情况下，如果您想在网页中标记所有“可选项卡”项目，则不要需要检查复选框'Press tab to highlight each element on webpage'在Safari > Preferences > Advanced下

【讨论】：