SAP Spartacus的SkipLink功能

官网地址：https://sap.github.io/spartacus-docs/skip-links/#default-skip-link-configuration

Skip links allow users to quickly navigate to important areas of a page using the keyboard.
Skip Links允许用户使用键盘快速跳转到页面的重要区域。

You activate skip links by pressing the tab key when a page is loaded, and before any other user interaction takes place.

当页面加载时，按住tab键，激活Skip link.

When a user presses the tab key, a button appears at the top of the page, with the label “Skip to section”. Each time the user presses the tab key, the text updates to indicate the next available section to skip to. The user can then select a section to skip to by pressing the return key. When all sections have been skipped through, pressing the tab key again closes the skip link button. Users can navigate forward and backward through the available skip links by using the tab key and shift+tab key combination, respectively.

默认的配置：

最后渲染出来的结果：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Spartacus的SkipLink功能相关推荐

SAP Spartacus 如何借助env-cmd 实现 B2B 和 B2C 功能启动的无缝切换
在之前的 SAP Spartacus 标准开发中,每次我从 Github 上 clone 了最新的代码后,必须手动修改 environment.ts 里的配置值,将 CX_BASE_URL 和 b2b ...
SAP Spartacus 4.0 的技术变化
在您迁移到 4.0 版库之前,我们强烈建议您切换到新的应用程序结构和新的功能库. 在多个小步骤中进行迁移更容易(迁移到新的应用程序结构,切换到提取的功能库,然后迁移到 4.0),您可以确保在每一步之后 ...
SAP Spartacus 里的 .release-it.json 文件
在 SAP Spartacus package.json 里有一个依赖叫做 release-it: 这个工具的链接:https://github.com/release-it/release-it 这 ...
SAP Spartacus UI Duplicated keys has been found in the config of i18n chunks
在测试 SAP Spartacus 3.4.5 版本的 SSR 功能时,发现一个 warning 信息: console.warn(`Duplicated keys has been found in ...
SAP Spartacus - Progressive Web Applications，渐进式 Web 应用程序
原文 Spartacus 是一种基于 Angular 的 JavaScript 解决方案,主要在浏览器中运行.它是渐进式 Web 应用程序 (PWA) 之一,反过来又代表了响应式网站和应用程序的共生关 ...
SAP Spartacus 找不到登录入口的问题 - 如何使用 Schematics 安装 user package
如下图所示:本地打开 SAP Spartacus 页面,右上角找不到登录链接: 查看 package.json,发现因为我没有安装 @spartacus/user 这个 package: @spart ...
SAP Spartacus 中的依赖注入 Dependency Injection 介绍
先了解 Angular 中的依赖注入依赖项是指某个类执行其功能所需的服务或对象.依赖项注入(DI)是一种设计模式,在这种设计模式中,类会从外部源请求依赖项而不是让类自己来创建它们. Angular ...
SAP Spartacus 中的 HTML 标签
HTML Tags HTML 标签,尤其是元标签,允许搜索引擎.社交平台和机器人在其平台中使用页面元数据. 通过仔细准备元标记,并定期评估它们的值,您可以提高页面的排名.点击率和可用性. 所有这些都会 ...
SAP Spartacus 和 SmartEdit 集成的一些 bug
我正在尝试使用 spartacus 和 smartedit,特别是我有兴趣查看选择分阶段产品目录版本的预览模式是否工作正常,但显然不是-我看不到对我在 stage 版本上做的属性,如果我查看浏览器发送 ...

SAP Spartacus的SkipLink功能

SAP Spartacus的SkipLink功能相关推荐

最新文章

热门文章