我正在使用 Angular,每当下面代码中的isVisible变为真时,下面的 html 代码就会呈现在页面上。 每次呈现时(可以根据行为删除和添加几次),我需要 JAWS 来发音跨度中的文本: Read this new text 。 为此,我尝试使用 aria-live="polite" (不发 ...
我正在使用 Angular,每当下面代码中的isVisible变为真时,下面的 html 代码就会呈现在页面上。 每次呈现时(可以根据行为删除和添加几次),我需要 JAWS 来发音跨度中的文本: Read this new text 。 为此,我尝试使用 aria-live="polite" (不发 ...
我的目标是在屏幕阅读器可读的 div 容器中显示 notisstack 小吃吧项目。 因此我想使用 SnackbarProvider 的domRoot属性。 我正在使用 notistack 3.0.7 我现在的问题是,div-container 元素被渲染但没有用作我的snackbaritem ...
我有一个复杂的多列表单, NVDA 屏幕阅读器在页面加载后可以很好地阅读,包括 aria-labels、字段、元素顺序等。在这种工作场景中,表单在页面加载时完全可见。 但是,我需要在页面加载时默认隐藏此表单。 仅当用户单击页面上的“显示表单”链接时,此表单才会出现,将表单从“显示:无”设置为“显示: ...
我正在创建一个可搜索的 combobox 组件。 它必须是 100% 可访问的,所以我想告诉屏幕阅读器在他们打开组件的选项下拉列表时以及在更改其筛选条件时有多少结果可用。 该组件看起来像这样: 我想我可能需要一个现场区域。 我知道有两种方法可以做到这一点: 1) role="alert" 这是 ...
我正在对项目列表构建一个简单的客户端文本搜索,我希望屏幕阅读器在其中读取找到的项目数。 例如,如果您的搜索返回两个项目,我希望屏幕阅读器宣布:“找到两个结果”。 为了对此进行测试,我正在使用 VoiceOver。 我面临的问题是,此消息的发布几乎总是被屏幕阅读器阅读您在元素中键入的文本打断,导致用户 ...
基本上我希望宣布内联表单错误。 我在 angular 7 中有以下形式 当用户输入无效的电子邮件地址时,不会以某种方式宣布模式内联错误。 当用户键入时,此错误会显示在 UI 中。我希望屏幕阅读器也能宣布此错误。 我也试过aria-live="assertive"但它似乎不适用于模式跨度。 我正在 ...
我正在实现一个搜索框。 其中一种情况是必须公布结果的总数。 为了实现这一点,我将<p>标记放在aria-live区域内,它会按预期宣布它。 预期场景: 极端情况是用户按两次回车。 如果用户在没有任何更改的情况下再次按下回车键,则不会更新任何内容,因为计数仍然相同并且不会宣布任何内容。 ...
我正在使用 aria-live 来宣布字符串。 如何确保在宣布其他任何内容之前立即宣布该字符串? 问题的第二部分是“aria-live 仅在文本更改时才宣布”。 如何重复播报同一个字符串? ...
如果我有一个具有 aria-live='polite' 的元素,但我不希望屏幕阅读器读取更新的内容,而是我提供的自定义消息,这可能吗? 谢谢! ...
我正在开发缩略图组件,需要宣布每个缩略图的内容。 这里有两个选择:1)使用[attr.aria-live] =“ polite”或使用角材料a11y模块。 不确定是否有更好的性能并支持更多的浏览器。 基本上,选择缩略图后,宣布其内容。 解决方案1: 解决方案2: ...
我遇到了一个问题,即屏幕阅读器没有读取 FireFox 的 aria-live 部分中更改的文本。 这是一个简单的页面示例,在 Chrome 中,屏幕阅读器会在更改进来时读取更改,而在 FireFox 中则不会: <div aria-live="assertive" id=" ...
我有一个<dialog>元素,当打开该元素时,它会使用AJAX从服务器请求一些内容。 当内容返回时(取决于连接速度和内容量,当然可以是任何时间长度),然后将新内容动态添加到对话框。 如何使屏幕阅读器用户知道此内容现在存在并且可以移至该内容? 插入内容后是否应将焦点移到内容上 ...
我有一个表单片段包裹在一个组件中,该组件被v-if隐藏。 当用户单击一个按钮时,它会切换布尔值,显示隐藏的组件,当这种情况发生时,我想将焦点转移到片段上的第一个表单输入。 我试过使用aria-live无济于事。 我怀疑 SPA 的性质会干扰这些活动区域的注册(这意味着我的猜测是它们必须在呈现页面时 ...
我正在从中创建一个在相关输入下方显示验证错误的。 为了使表格更易于访问,我在div中添加了aria-lives来保存错误消息。 如果有多个咏叹调直播,这会使用户变得更糟吗? ...
我有一个直播区域,单击该按钮会增加显示的计数值(类似于投票/点赞)。 屏幕阅读器要读出的消息是一个计算值,例如:“ 1个人喜欢这篇文章” /“没有人喜欢这篇文章” /“ 8个人喜欢这篇文章”。 这些消息在客户端脚本(计数值)中计算,并在服务器脚本(最终消息)中定义 。 这在chrom ...
我当前的代码库使用以下功能来创建警报,以通知盲用户发生了某些事情,例如“鲍勃已成功分配给蓝队”。 大多数可重复使用的组件将使盲人用户知道当前状态。 我遇到了一些问题,例如,刷新表时,读取页数,然后应用过滤器以及页号更改,因为已过滤列表中的项目数已更改。 这导致Jaws向盲人用户读取许 ...
我正在使用html textarea来模拟命令提示符。 键入命令命令(例如ipconfig)并按Enter键后,命令输出将附加到文本中。 要读取输出,我已将aria-live =“ polite”属性添加到textarea上,该属性与NVDA屏幕阅读器可以正常使用。 但是,每次输入命令时, ...
我在屏幕上有以下错误消息,但JAWS版本15屏幕阅读器无法读取。 我也尝试过role ='alert'和aria-atomic ='true'属性,但在Chrome和IE浏览器上仍然无法读取。 ...
问题:我有一个我正在努力解决的可访问性问题。 我有一个有角度的 Web 应用程序。 加载内容时会显示页面加载微调器/指示器。 当页面内容加载完毕后,微调器就会隐藏起来。 这个“div”永远不会从 DOM 中删除。 当显示加载 div 时,加载 div 的内容不会被读取(通过 NVDA 或颚)。 ...
我正在尝试为动态页面添加辅助功能,我有一个div来取代所有内容,并将其标记为aria-live的礼貌。 当内容被替换时,所有内容都会按预期读取,但是当我替换内容时 ios VoiceOver以p1,p2,p3的顺序读取p1,p2,table,p3的表格。 这只发生在ios ...