WAI-ARIA是一个可访问的富Internet应用程序套件,它定义了一种使残障人士更容易访问Web内容和Web应用程序的方法。它特别有助于使用AJAX,HTML,JavaScript和相关技术开发的动态内容和高级用户界面控件。
如何让 primereact 菜单弹出窗口上的键盘制表符和 aria-labels 起作用?
我希望能够使用键盘在按钮上按下回车键,然后通过相应的弹出菜单选择正确的选项。不幸的是,当我按下按钮时,...
在标签和输入上带有 for 和 aria-describedby 的双向 ARIA
典型的输入/标签对: 你好 for 表示标签与
在为可访问性编程/设计时,是否有适当的方法来传达特定项目已“完成”? 目前正在构建一些可访问的电子学习。在特定的活动中......
使用带有 aria-live="assertive" 的单独状态 div 来处理屏幕阅读器的 toast 消息内容
我正在尝试在 Angular 中使 toast 消息组件可访问(以符合 WCAG 2.1 AA 标准)。 toast 消息有 4 种类型(成功、警告、错误、信息),每种类型都有一个动态的
我知道在许多情况下,HTML 元素不仅仅在语义上影响页面,而且附加功能使其成为一个明智的选择。比如虽然有文字...
在跳转链接上放置焦点指示器是否重要,即使目标是非互动的?你是否认为焦点指示器应该始终存在,以便让用户知道他们在页面上的位置?
我有一些元素可以被点击并作为按钮工作,但是它们对屏幕阅读器来说是不可见的。為了糾正這個問題,我試著加入一個函數,讓任何元素都能支援......。
我有一些元素可以被点击并作为按钮工作,但是它们对屏幕阅读器来说是不可见的。為了糾正這個問題,我試著加入一個函數,讓任何元素都能支援......。
我试图实现通知组件,将显示项目列表,并将通过点击顶部固定导航栏上的通知图标打开。我觉得不 ...
Angular 9 可访问性:结合字符串和 arial-label 绑定 [重复]。
在Angular 9中,我有一个按钮来编辑联系人表中的联系人。 ...
WAI-ARIA的面包屑示例有以下规则。通往当前页面的链接有 aria -current 设置为 page. 如果代表当前页面的元素不是一个链接,则 aria-current 是 ...
我有这样的代码,我希望JAWS将识别我的h3在他的标题列表(INS + F6)。如果我改变md-button到一个它将工作,但我仍然需要它与md-button。(按钮att也会发生)......
当你在我的应用程序中搜索某样东西时,我有一些动态文本 "n results found",而且我有 aria-atomic="true "和 aria-live="assertive"。我在这个元素上设置了 aria-atomic="true "和 aria-live="assertive",如下图所示。
我正在做一个网站,让它变得可访问。但我在语音阅读器聚焦到位于页脚的项目上遇到了一些问题。我试过使用 aria-label,但没有成功。我将 ...
嘿,我正试图实现一个搜索框。其中一个方案是,必须公布结果的总计数。为了达到这个目的,我把p标签放在咏叹调-live下面,它就会按照预期的方式公布。...
Angular 8 ng-bootstrap表头键盘导航排序列。
我正在建立一个带有可排序表头的数据表,如文档中的这个例子所示。问题 可排序表头必须启用键盘导航以实现可访问性。该表...
JAWS不读取标题内带有aria-label的span的aria-label。
我有一个位于页眉内的按钮的跨度。 按钮 ...
React.js document.querySelectorAll()不返回任何内容
我基本上是制作Windows XP主题的作品集,但很困惑在选项卡中添加选项卡。我正在关注一个教程(https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles / ...
我有一个Ext.toast和Ext.Msg,将在单击按钮时显示。因此,在单击按钮时,应该阅读烤面包和消息框的内容。我已经应用了ariaLabel,但是它仍然不可读,尝试过...