Link-list JAWS feature (insert + F7) on dialog windows shows all background links

Question

我使用role="document"和Angular$modalInstance来实现对话框window（看picture）。

当我尝试使用 "Link List" JAWS 功能（insert + f7）时，描述了 there、JAWS 显示所有后台链接的列表（Sign Off、Projetcs、.etc）。

我必须做什么才能仅从对话框window获取链接并忽略所有后台链接?

Answer 1

您必须禁用对话框外的所有链接 window。

一种快速的方法是在打开模式时在主容器上设置 aria-hidden 属性，假设您的模式不属于该容器。

<div aria-hidden="true">My background content here... </div>
<div>my modal here</div>

这不会阻止用户使用 Tab 键，但这会回答打开模式时不列出背景链接的问题

javascript