部署到 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
键、spacebar
和 Shift
来导航链接和页面内容。然而,这在 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.yml
和 app.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'
我目前有一个使用 Vue.js (2.x) 构建并使用 Google App Engine 部署的网站。
在 Safari 中测试已部署的应用程序后,我发现辅助功能 "'skip navigation' on :focus" 不再“受支持”(即按 tab
仅切换浏览器的搜索栏,而不是网页中的链接)。简而言之,我无法使用 tab
键、spacebar
和 Shift
来导航链接和页面内容。然而,这在 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.yml
和 app.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'