wai-aria相关内容
在我的网页中,我有一半是使用Google地图的地图显示。我应该在显示地图的 canvas 元素中添加什么 aria-role ?我查看了 WAI-ARIA文档了解可能的角色定义和最接近的角色我发现是 widget 。 什么是合适的 aria-role 用于页面上的地图? 解决方案 如果使用的是Google地图,则应使用 role =“ application” ,因为可以使用屏幕阅读
..
我刚刚注意到,尽管 aria标签, aria标签由和 aria -describeby 属性据说适用于每个元素(请参见 https://www.w3.org/WAI/PF/aria-1.1/states_and_properties#aria- describeby ),它们似乎仅适用于一个,而不是例如 div 或 p 在NVDA和JAWS中。 I已经创建了一个小的Codepen来演示该问题
..
在Bootstrap的所有示例中,我都使用 button 元素,其中包括 role =“ button” (和 type =“ button” ),例如:
..
我们正在重新设计我们的网站,内部存在一些担忧,即可访问性会影响设计元素。建议使用切换模式。除了对比度和较大的字体外,我们的标准版本仍可访问,当您切换到可访问模式时即可使用。有没有人有这方面的经验? 解决方案 您确定您真正想要的是切换吗?这迫使某些用户使用您的网站迈出了一步。 由此我可以假定您的设计中某些部分对比度差,小写字母。 对于初学者来说,对比度和字体大小有问题的人不仅是“
..
我正在使用Angular和Semantic-UI开发一个应用程序.该应用程序应该可以访问,这意味着它应该符合WCAG 2.0. 为了达到这个目的,模态应该保持对话框内的焦点,并防止用户走出该模态下页面的元素或在它们之间移动“制表符". 我找到了一些可行的示例,如下所示: jQuery对话框: https://jqueryui.com/dialog/#modal-confirmation
..
我们正在对Web门户的主导航菜单实施(即添加)WAI-ARIA支持.菜单是此处显示的菜单: 菜单是通过经典的
// DOM树实现的,DOM树的样式类似于CSS,看起来像水平制表符. 对于这种小部件,推荐的WAI-ARIA实施建议是什么? 我将在此处发布一个可能的实现作为答案,以便使事情顺利进行. 如果您知道/不关心WAI-ARIA上下文中的CSS导航菜单
..
是否有可访问的(VoiceOver和JAWS等,并且可能与WAI-ARIA角色兼容)并且适合移动设备使用的灯箱解决方案(沿着Fancybox等)? 成为jQuery插件的好处. 解决方案 对您来说可能为时已晚,但我会为可能从Google搜索中登陆的人解答:最近我使用了
..
我想配对 WAI-ARIA aria-hidden 。 所以给定
您好 $('#myElement')。切换()将隐藏元素,并设置 aria-hidden =“true”:
你好 执行相同的
..
我有一个组件 。 如果组件没有 this.props.children ,我想将prop ariaLabel 设置为 isRequired ,否则可以是可选的。我该怎么办? ariaLabel 道具不需要: 添加到包 ariaLabel 必须要求支柱:
..
是否可以使用iPhone上的VoiceOver在标签上更新时宣布更新文本? 这类似于ARIA中的实时区域。 谢谢。 解决方案 你可以让VoiceOver宣布你的任何文字喜欢: UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification,@“你的文字”); 如果标签在更新
..
我有以下代码(从这里):
档案
..
如果定义内容主要部分的最具语义和可访问性的方式是标准 元素,则使用ARIA地标似乎是多余的。是否真的需要将 role =“main”添加到元素中? 解决方案 并非所有现代浏览器都已将aria-role main 映射到 元素(目前为止) Firefox 21+和Chrome 26+已映射它)。当所有浏览器都支持此功能时,属性 role =“main”可能会被删除
..
我几乎确保我的网站始终有效。 所以今天,在更改了我网站上的某个项目之后,我再次运行了W3C验证器。 突然有大约20个错误 - 周四(2天前)不存在。 (对于我的验证,我选择了HTML5 / UTF8 - 就像上次一样) 出于某种原因,我现在得到了: 元素 li 缺少以下一个或多个属性:aria-checked,aria-expanded,aria-valuemax,a
..
我正在尝试深入研究ARIA并使我的网站更容易访问。 我理解使用ARIA属性是一个好的开始,但我想了解这样做的实际效果。 例如,如果我添加一个我的导航标签上的role =“navigation”用作菜单,这对用户有什么影响? 它的屏幕阅读器(或任何帮助他的应用程序)会做什么? ? 如果我已经使用了导航标签,那么添加它真的很有用吗,显然已经告诉用户这是导航项了吗? 谢谢!
..
在我的HTML文档中,我使用罗马数字(例如:MMXV = 2015)。 是否有办法通知屏幕阅读器以其他方式解释某些文本(例如:罗马数字为“二千一十五”而不是MMXV)? 我的猜测是会有一个ARIA属性,但我似乎找不到一个。例如: MMXV
..
我正在尝试使表单可访问。我是否应该输入必需和 aria-required 属性,或只有一个? 输入 或者这样? 输入
..
如何改善面包屑菜单的可访问性,类似于:
主页 新闻
..
我想知道 aria - * 属性用于什么。他们可以拥有什么价值,是他们定义的价值还是我可以创建自己的价值? 解决方案 ARIA代表可访问的富Internet应用程序,旨在改善富Internet应用程序的可访问性,即使其更多适用于残障人士。 有关各种属性的帮助这里。 我认为你不能创建自己的ARIA属性。
..
我需要一些帮助才能使NVDA屏幕阅读器读取我在index.html中编写的数学表达式的自定义描述。数学表达式在句子内。所以看起来非常像这样:
这里的一些文字... & epsilon; x = -200(10 -6), & epsilon; y = 550(10 -6
..
什么是HTML5 ARIA?我不明白如何实现它。 解决方案 WAI-ARIA 是一个定义支持可访问网络应用程序的规范。它定义了大量的标记扩展(主要是作为HTML5元素的属性),Web应用程序开发人员可以使用它来提供有关各种元素语义的附加信息,以帮助屏幕阅读器等技术。当然,为了使ARIA能够工作,解释标记的HTTP用户代理需要支持ARIA,但是规范是以这种方式创建的,以允许低级用户代理安全地
..