wai-aria相关内容

HTML'hidden'和'aria-hidden'属性之间有什么区别?

在使用Angular Material时,我一直都在看到咏叹调属性。有人可以向我解释,咏叹调的前缀是什么意思?但最重要的是我想了解的是 aria-hidden 和隐藏属性之间的区别。解析方案> 解析方案 ARIA(Accessible Rich Internet Applications)定义了一种让残障人士更容易访问Web内容和Web应用程序的方法。 $ b $ 隐藏属性在HTML5中是新的 ..
发布时间:2018-06-29 20:33:04 前端开发

如果HTML元素具有角色=“按钮”如果它也具有属性“名称”

如果HTML5 元素需要角色=“按钮”属性来确保成功结果在可访问性审计中(成功标准4.1.2 [Name,Role,Value] .. div充当UI中的按钮),那么它是否也需要一个有效的名称属性(通常对于 div 而言,这通常是无效的HTML5)。 如果答案是否定的,我可以添加其他可访问性友好属性来描述div按钮并符合条件吗?一个简单的标题属性或 aria-label ? 解 ..
发布时间:2018-06-26 21:30:41 前端开发

扩展的咏叹调和咏叹调的扩展属性是否适用于< select />元素?

从W3C 维基 当作者使用可折叠内容时,例如,隐藏导航 菜单或内容列表时,触发链接或按钮应该为 指示屏幕阅读器用户, 以下的可折叠内容是处于展开状态还是处于折叠状态。 aria-expanded 属性用于此目的。 这是否包含 元素,或者仅用于导航项目? 解决方案 div> select 元素可以接受任何全局 aria - * 属性以及适用于角色列表框的 ..
发布时间:2018-06-24 19:06:26 前端开发

是“咏叹调 - 流行”吗?属性主要用于工具栏菜单?

我曾在应用程序的工具栏菜单上看到 aria-haspopup 属性,例如所见即所得编辑器。但是,我还没有看到它在任何ARIA示范网站的主导航中使用过。 这个属性主要是为应用程序的工具栏菜单引入的吗?在网站的主导航(有子菜单)上使用它是合适和合理的吗? 刚刚看到这个属性被用于 jQuery UI Selectmenu 标记(一个元素,它是selectmenu的开关)。因此,在任何代码上使用它似 ..
发布时间:2018-06-20 16:00:18 前端开发

标签的HTML5角色属性

我的HTML5模板在页面左上角的每个页面上都有 h1 元素(用于关键字)。 是否有一个角色属性将它们标记为WorPress中的标记之类的标记? 解决方案 根据W3C的定义,您可以使用角色属性的值: banner 互补 contentinfo 定义 主要 导航 笔记 搜索 contentinfo 目的是提供元信息关于内容,所以它可以用于标签管理。也就是说, ..
发布时间:2018-06-19 16:13:28 前端开发

多个头和ARIA角色

我有一个HTML结构,其中有2个标题:在页面的tippity顶部,它有一些导航项目和按钮,下面是另一个包含徽标和我称之为主导航的部分。 因为全宽CSS3渐变,所以它们在包装器中被分开,所以我的结构看起来像这样: ..
发布时间:2018-06-19 15:31:02 前端开发

如何将动态数据绑定到ARIA-LABEL?

我有动态文本绑定到HTML页面上的ARIA-LABEL。 这是一个角度2的应用程序。我使用的是这样的: aria-label =“产品详情{{productDetails?.ProductName}}” 但是我得到一个错误 - 不能绑定到'aria-label',因为它不是'div'的已知属性。 有没有解决这个问题的方法? code> attr。在aria-label之前: ..
发布时间:2018-06-15 14:15:03 前端开发

使链接无href可访问

第三方脚本正在我工作的网站上使用,它将 的几个实例替换为简单的< a取代; 。链接仍然有效,这要归功于脚本的另一部分。但它们不再被用户代理视为链接。 我可以通过添加 tabindex =“0”来将它们还原为标签导航顺序,但我该如何辅助技术将它们公布为链接或将它们包含在页面上所有链接的列表中? 将添加 role =“link” help? 我推动第三方 ..
发布时间:2018-06-15 09:24:24 前端开发

对于何时覆盖/模式对话框打开,是否有Web可访问性的规则,是否有任何元素应该是焦点?

我曾经看到过几种行为: (通常位于叠加层的右上角)。 叠加层中的一些其他元素是关注的。 如果符合ADA / ARIA标准,任何元素都应该集中在哪里? 解决方案 目前推荐的行为是在对话框中关注第一个可调焦的元素。然而,最近有一些有关该实施的辩论,因为它给那些使用屏幕放大软件和屏幕阅读器。 如果显示焦点移动到对话底部的控件上,会发生一些负面的事情: 对于屏幕放大镜用户 ..
发布时间:2017-12-24 21:58:21 其他开发

设置屏幕阅读器的焦点在ember上的模态警报

我试图让我的ember.js应用程序更容易访问,并通过Apple内置的VoiceOver实用程序进行测试。我正在根据需要添加 ariaRoles 并查看咏叹调,导航目的不清楚的标签属性。由于读者的重点仍放在模态背后的页面上,所以我将重点放在模态警报上。有人有经验关注屏幕阅读器的模态警报吗?我的印象是,在我的观点中声明“ariaRole:”alertDialog“为这样一个对话框设置了适当的角色,并 ..
发布时间:2017-08-15 22:40:53 前端开发