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

Keyboard navigation in Safari gone after deployment to Google App Engine

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

在 Safari 中测试已部署的应用程序后,我发现辅助功能 "'skip navigation' on :focus" 不再“受支持”(即按 tab 仅切换浏览器的搜索栏,而不是网页中的链接)。简而言之,我无法使用 tab 键、spacebarShift 来导航链接和页面内容。然而,这在 Chrome.

中不是问题

应用URL:https://ixplore-web.appspot.com/?

我尝试过的:

1. 我已经进入 Google 开发者文档 enabling accessibility features through gcloud, as well as the App Engine FAQs 但他们没有提及任何关于这些可访问性问题的内容。尽管第一个资源提到了如何为屏幕阅读器配置辅助功能,但它没有提及任何关于键盘导航的内容。

2. 我已经检查了 configuration files 以部署到 Google App Engine,例如 cloudbuild.ymlapp.yml 可访问性配置似乎没有任何内容(因为为什么部署配置会有这个?)。

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

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

更新:

我找到答案了!

它与 .gitignore 或任何文件无关。尽管我已经使用了多年,但我仍然不了解我的 MacOS 的复杂性......

答案:在 Safari 浏览器中,tab-based 导航需要 ⌥ Option + Tab 才能导航网页 - 请参阅 MDN 文档键盘辅助功能(https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility)。

此 post 与文章中遇到的问题的区别在于,默认情况下,如果您想在网页中标记所有“tab-able”项目,您 不要 需要勾选 Safari > Preferences > Advanced

下的复选框 'Press tab to highlight each element on webpage'