跳过单页网站的导航链接

Question

我有一个构建为单页的站点,所有请求都是使用AJAX创建的.页面就像site.com/#Page或site.com/#Page/Other.

现在,我需要Skip Navigation在网站中实现一个链接,但因为URL开头#我不能使用简单的锚点.有没有办法在不更改所有URL的情况下执行此操作？谢谢.

注意:跳过导航至少做3件事:滚动到页面的那一部分,专注于内容开始的元素(它甚至可以是一个不可聚焦的元素,如H1标题),让屏幕阅读器知道更改.

Answer 1

你有两件事要做：

• 有一个可聚焦的元素（对于默认情况下不可聚焦的元素使用 tabindex="-1" ，例如h1）

• focus()使用 javascript/jQuery方法聚焦

例子：

document.getElementById("myEle").focus();

或者

jQuery("#myEle").focus();