wai-aria相关内容
html"hidden"属性是布尔值,不需要设置值.仅仅存在就足够了. “隐藏的信息"属性如何?仅仅存在就足够了吗?还是需要设置值为"true"? 解决方案 aria-hidden必须具有true | false的值.但是请注意,如果使用hidden属性或使用CSS visibility:none或display:hidden,则不需要 .后三种隐藏方式中的所有三种也将在屏幕阅读器中
..
在ARIA演示网站上,通常在footer元素上添加role="contentinfo". 但是,现代网页设计中的页脚可以发挥创意,使它们也可以包含补充导航链接,社交网站链接,甚至是新闻简报之类的内容. 以下面的页脚代码为例.是否应在footer或p元素上添加role="contentinfo"?
..
我刚刚尝试使用引导程序设置我的jsf项目.一切正常,除了添加包含"role"属性的引导程序模板时.我收到一条消息,提示此处不允许使用角色角色 我对设计不满意,我将更多的精力放在后端上,所以我真的需要使用引导程序.
..
我正在设计一个表格,其中的表格单元格带有(非交互式)对勾标记。复选标记图标通过CSS添加。由于其中没有可访问的内容,因此在其中添加了 aria-label 。现在,我想知道是否可以使用此属性作为CSS选择器来添加如下所示的选中标记图标: td [aria-label =“ yes”] { & ;:之后{ content:'\f00c'; font-family:$ font-f
..
我目前有这个aria-live = assertive的div:
当前,在我的js文件中,我有一种方法来设置页面中所有内容的标签,其中首先使用tabindex(第一个标题),然后使用
.完成此方法后,我想通过aria live通知
..
我只是想知道我是否应该期望浏览器和辅助技术在2015年1月左右以等同于设置aria-hidden ="true"的方式使用talk:none.我想指出一些半不透明的文本应该被忽略,并且想知道我是否可以在一个操作中做到这一点(只需添加一个设置不透明样式并说出话的类:none,而不是添加该类并设置aria隐藏属性). 解决方案 对于speak的支持,似乎没有可靠的数据,但似乎没有实现.
..
我有一个简单的文本,该文本会根据操作进行更新,我希望屏幕阅读器可以宣布该文本.但我不希望该文本在网页上可见.我尝试了display: none和visibility: hidden,但似乎屏幕阅读器软件无法访问它们.我找到了一种实现此目的的方法-即通过将元素完全定位为负值999999到位,这将使其在屏幕外显示并从网页中隐藏.我并不是这个解决方案的忠实拥护者.有没有更优雅的方法可以实现这一目标?
..
据我所知,不建议在元素中添加重复的角色: 这是多余的,因为nav告诉屏幕阅读器内容的语义是什么.到目前为止一切顺利. 现在,我要使表单字段无效.我了解古典我应该对此进行改造: …进入
..
我在几个单选按钮上使用aria-描述,以便屏幕阅读器首先阅读单选标签,然后阅读说明文字以提供更多信息. 由于页面的结构,我无法使用字段集.如果您有一个没有for属性的标签,那么许多源可访问性验证器将显示错误,因此我将div用作描述文字.
Choose a fruit ...
..
使用jQuery构建树形菜单,并且希望它可访问,因此我使用aria属性.我想做的是在单击/输入时将"aria-expanded"属性从true切换为false.我已经尝试过了,但这显然是不正确的: $(this).closest('ul').find('> li.tree-parent').toggleAttr( 'aria-expanded', 'true false' ); 解决方案
..
heading
paragraph
span
..
下面的示例是用于收集名字的典型表单字段.我在输入上有一个aria- describeby,它引用了两个有助于描述输入功能的不同文本区域. 通过引用描述的第一个aria是我所说的“提示",它基本上是输入中的占位符属性文本(也就是您在文本框后面看到的阴影文本). “提示"文本区域是一个跨度,具有一个类,可以将其隐藏起来,但仍会被屏幕阅读器读取. 引用的第二个aria是我所说的“帮助",它是信息
..
我致力于为盲人与屏幕阅读器Jaws和人声合成器进行交互的网络可访问性提供帮助。 我正在使用带有wai-aria和JavaScript的x / html来设计调查表用户测试的可访问网页。 在这种应用程序中,主要困难是要面对不同浏览器上的不同行为,并且Jaws屏幕阅读器的版本也会产生不同的行为。 但是,问题是在Firefox 4(以及后续的4.01)发布之后开始的。 适用于盲人的网
..
我目前正在研究一个交互式pdf阅读器项目,以使其更易于访问。我制作了一个
元素,该元素在屏幕上不可见,并赋予了 aria-live 属性。每当我要宣布某事(例如打开抽屉)时,我都会设置该
元素的文本。 但是,如果用户希望整个页面都成为公告,而语音提示的键是 VO + a ,则
元素也会被读取,但我想防止这种情况的发生。 有人可以建议这是否是宣布更改的正确方法吗?如果
..
我有一个这样的div:
17:03 当有人使用屏幕阅读器将鼠标悬停在该文本上时,我希望它显示为“ 17分3秒” 解决方案 我最终只是将英文文本设为Aria标签,因为该div位于内部标签的信息,因此当屏幕阅读器位于aria标签中时,它的信息最终被屏幕阅读器读取,而没有创建任何额外的标签目标。
..
我正在为移动网络应用(HTML + Angular + ARIA)进行辅助功能任务。我测试了一些可能的方法: aria-flowto 和 aria-owns ,不适用于网页 tabIndex ,不适用于 在我的iOS 9.2.1 Safari本地测试中,默认屏幕阅读器是从上到下的线性方式。有没有一种方法可以定义元素的阅读顺序?像 aria-flowto 是什么。 解决方案 a
..
我有一个HTML页面,其中包含多个隐藏元素,这些元素仅在某些情况下才可见。 当我将焦点放在页面包装上(以读取所有内容)时,Windows Narrator会读取所有元素,甚至是隐藏的元素。 我尝试使用aria-hidden =“ true”,CSS显示:无,HTML5隐藏属性,全部都被忽略。到目前为止,我发现起作用的唯一机制是在将焦点放在包装器上之前从DOM中删除此元素。但这不是理想的
..
假设我们有一个经典的表单-一些必须符合某种格式的输入字段。当用户输入不正确的数据并提交此表单时,所有填写错误的字段都将标记为无效,并为每个不正确的字段提供相应的错误消息。 我需要输入此表单符合WAI ARIA,因此提交表单后,可访问性工具将首先看到这些错误。 我发现解决方案通过动态html实现使用JS进行修改( http://jsfiddle.net/nS3TU/1/ ): HTML
..
我在无序列表中有一个链接,如下所示: 保存 通常,屏幕阅读器会显示“保存”。 业务需求是要有一个带有图标样式的链接,并且可以通过哪个属性来更改该属性?该图标将作为链接文本的补充。例如: “ +”
..
所以我在React中有一个项目,模态没有正确的标记。 我知道我需要拥有 aria-modal =“ true” ,但是我不确定100%是否在我有 className 的所有地方都添加了此属性。因此,例如: renderModal(){ return(
..