wai-aria相关内容

什么是地图元素的合适WAI-ARIA角色属性

在我的网页中,我有一半是使用Google地图的地图显示。我应该在显示地图的 canvas 元素中添加什么 aria-role ?我查看了 WAI-ARIA文档了解可能的角色定义和最接近的角色我发现是 widget 。 什么是合适的 aria-role 用于页面上的地图? 解决方案 如果使用的是Google地图,则应使用 role =“ application” ,因为可以使用屏幕阅读 ..
发布时间:2020-05-31 23:36:15 其他开发

咏叹调标签,咏叹调标签和咏叹调描述:屏幕阅读器中非常不可预料的行为

我刚刚注意到,尽管 aria标签, aria标签由和 aria -describeby 属性据说适用于每个元素(请参见 https://www.w3.org/WAI/PF/aria-1.1/states_and_properties#aria- describeby ),它们似乎仅适用于一个,而不是例如 div 或 p 在NVDA和JAWS中。 I已经创建了一个小的Codepen来演示该问题 ..

无障碍切换

我们正在重新设计我们的网站,内部存在一些担忧,即可访问性会影响设计元素。建议使用切换模式。除了对比度和较大的字体外,我们的标准版本仍可访问,当您切换到可访问模式时即可使用。有没有人有这方面的经验? 解决方案 您确定您真正想要的是切换吗?这迫使某些用户使用您的网站迈出了一步。 由此我可以假定您的设计中某些部分对比度差,小写字母。 对于初学者来说,对比度和字体大小有问题的人不仅是“ ..
发布时间:2020-05-31 23:34:10 其他开发

如何在模态对话框中保持焦点?

我正在使用Angular和Semantic-UI开发一个应用程序.该应用程序应该可以访问,这意味着它应该符合WCAG 2.0. 为了达到这个目的,模态应该保持对话框内的焦点,并防止用户走出该模态下页面的元素或在它们之间移动“制表符". 我找到了一些可行的示例,如下所示: jQuery对话框: https://jqueryui.com/dialog/#modal-confirmation ..
发布时间:2020-05-10 18:32:20 其他开发

导航栏/菜单的推荐WAI-ARIA实施

我们正在对Web门户的主导航菜单实施(即添加)WAI-ARIA支持.菜单是此处显示的菜单: 菜单是通过经典的 // DOM树实现的,DOM树的样式类似于CSS,看起来像水平制表符. 对于这种小部件,推荐的WAI-ARIA实施建议是什么? 我将在此处发布一个可能的实现作为答案,以便使事情顺利进行. 如果您知道/不关心WAI-ARIA上下文中的CSS导航菜单 ..
发布时间:2020-05-08 22:45:00 其他开发

iPhone - 让VoiceOver宣布更改标签文字

是否可以使用iPhone上的VoiceOver在标签上更新时宣布更新文本? 这类似于ARIA中的实时区域。 谢谢。 解决方案 你可以让VoiceOver宣布你的任何文字喜欢: UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification,@“你的文字”); 如果标签在更新 ..
发布时间:2018-11-02 14:09:57 移动开发

是role =" main"必要的< main>元件?

如果定义内容主要部分的最具语义和可访问性的方式是标准 元素,则使用ARIA地标似乎是多余的。是否真的需要将 role =“main”添加到元素中? 解决方案 并非所有现代浏览器都已将aria-role main 映射到 元素(目前为止) Firefox 21+和Chrome 26+已映射它)。当所有浏览器都支持此功能时,属性 role =“main”可能会被删除 ..
发布时间:2018-07-03 20:17:05 前端开发

HTML ARIA验证问题(HTML5)

我几乎确保我的网站始终有效。 所以今天,在更改了我网站上的某个项目之后,我再次运行了W3C验证器。 突然有大约20个错误 - 周四(2天前)不存在。 (对于我的验证,我选择了HTML5 / UTF8 - 就像上次一样) 出于某种原因,我现在得到了: 元素 li 缺少以下一个或多个属性:aria-checked,aria-expanded,aria-valuemax,a ..
发布时间:2018-07-03 19:45:42 前端开发

使用WAI ARIA的实际效果?

我正在尝试深入研究ARIA并使我的网站更容易访问。 我理解使用ARIA属性是一个好的开始,但我想了解这样做的实际效果。 例如,如果我添加一个我的导航标签上的role =“navigation”用作菜单,这对用户有什么影响? 它的屏幕阅读器(或任何帮助他的应用程序)会做什么? ? 如果我已经使用了导航标签,那么添加它真的很有用吗,显然已经告诉用户这是导航项了吗? 谢谢! ..
发布时间:2018-07-03 19:07:43 前端开发

有人可以解释HTML5 aria- *属性吗?

我想知道 aria - * 属性用于什么。他们可以拥有什么价值,是他们定义的价值还是我可以创建自己的价值? 解决方案 ARIA代表可访问的富Internet应用程序,旨在改善富Internet应用程序的可访问性,即使其更多适用于残障人士。 有关各种属性的帮助这里。 我认为你不能创建自己的ARIA属性。 ..
发布时间:2018-07-03 10:39:34 前端开发

aria-labelled不使用NVDA / Firefox

我需要一些帮助才能使NVDA屏幕阅读器读取我在index.html中编写的数学表达式的自定义描述。数学表达式在句子内。所以看起来非常像这样: 这里的一些文字... & epsilon; x = -200(10 -6), & epsilon; y = 550(10 -6 ..
发布时间:2018-07-02 18:05:45 前端开发

什么是HTML5 ARIA?

什么是HTML5 ARIA?我不明白如何实现它。 解决方案 WAI-ARIA 是一个定义支持可访问网络应用程序的规范。它定义了大量的标记扩展(主要是作为HTML5元素的属性),Web应用程序开发人员可以使用它来提供有关各种元素语义的附加信息,以帮助屏幕阅读器等技术。当然,为了使ARIA能够工作,解释标记的HTTP用户代理需要支持ARIA,但是规范是以这种方式创建的,以允许低级用户代理安全地 ..
发布时间:2018-06-29 20:47:44 前端开发