如何解决如何让跳转到内容链接正常工作? JS/Angular [已解决]
Angular 7 - 我需要一个用于 508 目的的“跳转到内容”链接。此解决方案仅在屏幕阅读器处于活动状态时有效。如果我将其关闭并使用 Tab 键,它会尝试路由到一个不存在的页面并返回到初始屏幕。每当屏幕阅读器处于活动状态时,它都能完美运行。为什么是这样?如果屏幕阅读器打开或关闭,我需要它才能工作。
html 文件:
<div [@slideInOut]>
<div class="links-left-nav">
<a href=#content" class="offscreen" (click)="skipToContent()">Skip to Content"</a>
<nav>...</nav>
<div class="routes">
<section id="content"></section>
<router-outlet (activate)="onActivate($event,outlet)"></router-outlet>
如何跳转到内容工作?
解决方案:
添加 onclick="event.preventDefault(); location.hash='content';"并移除了(点击)功能。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。