cost 228 ms
如何最好地格式化缩略图以实现可访问性? - How to best format thumbnails for accessibility?

我经常需要为工作显示一个缩略图网格,例如在帖子/文章页面上,每个缩略图链接到一个单独的帖子/文章,但我从来没有真正确定为屏幕阅读器格式化这些的最佳方式/可访问性。 更具体地说,我一直不确定是否为此目的使用 <article> 或 <figure> 标签,或者两者都不使用,或 ...

在不使用 javascript 的情况下自定义下拉菜单中的键盘导航 - Keyboard navigation in custom drop down without using javascript

我有一个 angular 应用程序,其中有一个组件具有 div 样式作为按钮并单击它打开或关闭另一个 div 列表。 我需要让这个应用程序易于访问。 我可以使用 angular (keyup.enter) 事件处理输入,当打开 div 列表时,我想将焦点移动到该列表中的第一项。 目前我需要在打开列表 ...

使用 aria-describedby 和屏幕阅读器专用元素,某些屏幕阅读器不会读出 - Using aria-describedby and a screenreader-only element, not read out by some screenreaders

我试图向屏幕阅读器用户提供一些有关链接列表及其代表内容的附加信息。 我没有在<ul>上放置一个 aria-label,据我所知这是不鼓励的,我已经放置了一个仅用于屏幕阅读器的元素。 然后我使用aria-describedby the 和 this 元素绑定在一起。 这似乎被建议为aria ...

如何让屏幕阅读器在应用程序未激活时播报文本? - How to make screen reader announce text when app is not active?

我的要求是,我有一个在后台运行且没有焦点的应用程序。 用户可能正在使用其他一些应用程序,并且基于我的应用程序中的某些事件,我希望屏幕阅读器根据我的喜好播报文本。 我不希望我的应用程序获得焦点,用户应该能够继续使用其他应用程序,我只希望屏幕阅读器宣布一些文本。 我已经尝试发送QAccessibleE ...

JAWS 屏幕阅读器在 select 列表中破坏键盘导航 - JAWS screen reader breaking keyboard navigation in select list

我们正在使用一个组件来创建一个下拉列表 select,最终看起来像这样。 使用 JAWS 软件关闭键盘导航可以很好地在搜索结果列表中的项目之间移动。 但是,在打开 JAWS 的情况下,您无法使用键盘与列表进行交互。 由于某种原因,它根本无法识别搜索结果容器,因此它当然不会读取结果。 我不确定为什么 ...

使用 JAWS 时如何使 div 元素可通过箭头键导航 - How to make a div element navigable by arrow keys when using JAWS

我想在 JAWS 运行时使一个div元素可以通过箭头键导航。 div不应使用TAB键导航; 所以使用tabindex是不适用的。 这是 html/reactjs 结构的示例片段。 两个嵌套的div不应该对无障碍 API 可用; 因此使用aria-hidden="true" 。 使用 JAWS 时, ...

如何使 JAWS 不将锚标记读取为链接,而是读取为按钮 - How to make JAWS not read an anchor tag as link but as button

我有一个要求,我的 HTML 页面中有一个锚标记。 我的要求是 JAWS 2022 将其读取为“后退按钮”,但 JAWS 将其读取为“后退按钮链接”。 我知道它是一个锚标签,它应该将其作为链接读取,但有没有一种方法可以将其读取为“后退按钮”? 我已经尝试过使用元素,但它不满足其他一些要求。 只有一个 ...

屏幕阅读器不阅读基于单选按钮更改的文本 - Screen reader not reading the text based on radio button changes

我有两个不同的标题(例如标题 A 和标题 B),用于根据单选按钮的选择显示的单个表格。 我的屏幕阅读器正在阅读默认标题“标题 A”,但是当我使用 select 另一个选项时,它会显示文本,但无法读取标题“标题 B”。 下面是我正在尝试的代码: Output: 第一次: 您的标题 A 显示 10 个 ...

如何使用屏幕阅读器 (NVDA) 读取 highcharts 中的数据 - How to read data in highcharts using screenreaders (NVDA)

我正在使用 NVDA 检查 highcharts 的可访问性,并且屏幕阅读器不会读取 highcharts 内的内容。 我无法使用 Tab 或箭头键将 go 转换为下一个值并读取屏幕。 我尝试包含 highcharts 的accessibility.js 模块。 我试过的示例代码: <scr ...

可访问性和复杂性 HTML forms:如何在表单控件之间使用标题? - Accessibility and complex HTML forms: How to use headings between form controls?

客户需要创建一个相当复杂的表单。 我们使用<fieldset> / <legend>将某些元素组合在一起。 但这还不够——即使我们嵌套它们。 考虑以下几点:<form> <fieldset> <legend>Your pers ...

屏幕阅读器不阅读只有 1 个字符的标题 - Screen reader not reading headings with only 1 character

我对使用辅助功能相当陌生,并且遇到了 JAWS 和讲述人屏幕阅读器的问题,其中它无法读取仅包含 1 个字符的数字/字母。 下面是我正在尝试解决的示例代码片段,其中正在读取Notes但未读取1 。 当我尝试按字符遍历它时, 1被读取为空白。 我注意到了两件事: 这种行为只会发生在 1 个 ...

JAWS 屏幕阅读器使用箭头键向上/向下滚动 FireFox 页面,而不是在元素之间导航 - JAWS screen reader scrolls the FireFox page up/down with arrow keys instead of navigating between elements

我正在使用 JAWS 2022 进行 a11y 测试。 在 Chrome 上一切正常,在 FireFox 上也正常工作了一段时间,直到最近。 突然我无法使用箭头键在元素之间导航。 使用向上和向下键将向上和向下滚动页面。 我可以使用 Tab 进行一些导航,但这还不够。 插入符号浏览已关闭。 重新启动 ...

推动 JAWS 阅读更新的标题或文本 - Push JAWS to read updated title or text

我需要推动 JAWS 屏幕阅读器来发音一个新的页面标题,该标题会在 10 秒内更新。 不幸的是,这个问题看起来并不那么微不足道。 无论属性如何,JAWS 都忽略了在<head>中使用 javascript 动态设置标题。 推动发音我发现的更新标题的唯一可能方法是将标题文本设置为正文内 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM