wai-aria相关内容

隐藏的aria是否足够或将其值设置为"true"?必需的(aria-hidden ="true")

html"hidden"属性是布尔值,不需要设置值.仅仅存在就足够了. “隐藏的信息"属性如何?仅仅存在就足够了吗?还是需要设置值为"true"? 解决方案 aria-hidden必须具有true | false的值.但是请注意,如果使用hidden属性或使用CSS visibility:none或display:hidden,则不需要 .后三种隐藏方式中的所有三种也将在屏幕阅读器中 ..
发布时间:2020-11-23 04:37:24 前端开发

使用aria标签作为样式选择器的最佳实践

我正在设计一个表格,其中的表格单元格带有(非交互式)对勾标记。复选标记图标通过CSS添加。由于其中没有可访问的内容,因此在其中添加了 aria-label 。现在,我想知道是否可以使用此属性作为CSS选择器来添加如下所示的选中标记图标: td [aria-label =“ yes”] { & ;:之后{ content:'\f00c'; font-family:$ font-f ..
发布时间:2020-10-12 19:39:02 前端开发

CSS设置是否在说:现在没有等效于aria-hidden ="true"?

我只是想知道我是否应该期望浏览器和辅助技术在2015年1月左右以等同于设置aria-hidden ="true"的方式使用talk:none.我想指出一些半不透明的文本应该被忽略,并且想知道我是否可以在一个操作中做到这一点(只需添加一个设置不透明样式并说出话的类:none,而不是添加该类并设置aria隐藏属性). 解决方案 对于speak的支持,似乎没有可靠的数据,但似乎没有实现. ..
发布时间:2020-07-29 20:28:59 前端开发

如何隐藏文本并使屏幕阅读器可以访问它?

我有一个简单的文本,该文本会根据操作进行更新,我希望屏幕阅读器可以宣布该文本.但我不希望该文本在网页上可见.我尝试了display: none和visibility: hidden,但似乎屏幕阅读器软件无法访问它们.我找到了一种实现此目的的方法-即通过将元素完全定位为负值999999到位,这将使其在屏幕外显示并从网页中隐藏.我并不是这个解决方案的忠实拥护者.有没有更优雅的方法可以实现这一目标? ..
发布时间:2020-07-19 02:12:19 前端开发

Windows讲述人和aria- describeby

我在几个单选按钮上使用aria-描述,以便屏幕阅读器首先阅读单选标签,然后阅读说明文字以提供更多信息. 由于页面的结构,我无法使用字段集.如果您有一个没有for属性的标签,那么许多源可访问性验证器将显示错误,因此我将div用作描述文字. Choose a fruit ... ..
发布时间:2020-07-14 02:10:18 前端开发

使用jQuery切换元素的属性?

使用jQuery构建树形菜单,并且希望它可访问,因此我使用aria属性.我想做的是在单击/输入时将"aria-expanded"属性从true切换为false.我已经尝试过了,但这显然是不正确的: $(this).closest('ul').find('> li.tree-parent').toggleAttr( 'aria-expanded', 'true false' ); 解决方案 ..
发布时间:2020-06-27 22:11:08 其他开发

有关aria-by和form字段的最佳实践的可访问性问题

下面的示例是用于收集名字的典型表单字段.我在输入上有一个aria- describeby,它引用了两个有助于描述输入功能的不同文本区域. 通过引用描述的第一个aria是我所说的“提示",它基本上是输入中的占位符属性文本(也就是您在文本框后面看到的阴影文本). “提示"文本区域是一个跨度,具有一个类,可以将其隐藏起来,但仍会被屏幕阅读器读取. 引用的第二个aria是我所说的“帮助",它是信息 ..

带有x / html和javascript的Firefox 4.01的奇怪行为

我致力于为盲人与屏幕阅读器Jaws和人声合成器进行交互的网络可访问性提供帮助。 我正在使用带有wai-aria和JavaScript的x / html来设计调查表用户测试的可访问网页。 在这种应用程序中,主要困难是要面对不同浏览器上的不同行为,并且Jaws屏幕阅读器的版本也会产生不同的行为。 但是,问题是在Firefox 4(以及后续的4.01)发布之后开始的。 适用于盲人的网 ..

播报结束时切换aria-live吗?

我目前正在研究一个交互式pdf阅读器项目,以使其更易于访问。我制作了一个 元素,该元素在屏幕上不可见,并赋予了 aria-live 属性。每当我要宣布某事(例如打开抽屉)时,我都会设置该 元素的文本。 但是,如果用户希望整个页面都成为公告,而语音提示的键是 VO + a ,则 元素也会被读取,但我想防止这种情况的发生。 有人可以建议这是否是宣布更改的正确方法吗?如果 ..
发布时间:2020-05-31 23:50:26 前端开发

如何使屏幕阅读器在div中读取不同的文本

我有一个这样的div: 17:03 当有人使用屏幕阅读器将鼠标悬停在该文本上时,我希望它显示为“ 17分3秒” 解决方案 我最终只是将英文文本设为Aria标签,因为该div位于内部标签的信息,因此当屏幕阅读器位于aria标签中时,它的信息最终被屏幕阅读器读取,而没有创建任何额外的标签目标。 ..
发布时间:2020-05-31 23:50:21 前端开发

如何为网页定义屏幕阅读器顺序

我正在为移动网络应用(HTML + Angular + ARIA)进行辅助功能任务。我测试了一些可能的方法: aria-flowto 和 aria-owns ,不适用于网页 tabIndex ,不适用于 在我的iOS 9.2.1 Safari本地测试中,默认屏幕阅读器是从上到下的线性方式。有没有一种方法可以定义元素的阅读顺序?像 aria-flowto 是什么。 解决方案 a ..
发布时间:2020-05-31 23:50:04 其他开发

如何防止Windows讲述人读取隐藏的HTML标签?

我有一个HTML页面,其中包含多个隐藏元素,这些元素仅在某些情况下才可见。 当我将焦点放在页面包装上(以读取所有内容)时,Windows Narrator会读取所有元素,甚至是隐藏的元素。 我尝试使用aria-hidden =“ true”,CSS显示:无,HTML5隐藏属性,全部都被忽略。到目前为止,我发现起作用的唯一机制是在将焦点放在包装器上之前从DOM中删除此元素。但这不是理想的 ..
发布时间:2020-05-31 23:49:19 前端开发

表单提交时出现WAI ARIA警报(重新加载页面)

假设我们有一个经典的表单-一些必须符合某种格式的输入字段。当用户输入不正确的数据并提交此表单时,所有填写错误的字段都将标记为无效,并为每个不正确的字段提供相应的错误消息。 我需要输入此表单符合WAI ARIA,因此提交表单后,可访问性工具将首先看到这些错误。 我发现解决方案通过动态html实现使用JS进行修改( http://jsfiddle.net/nS3TU/1/ ): HTML ..
发布时间:2020-05-31 23:49:14 其他开发

在哪里添加aria-modal属性?

所以我在React中有一个项目,模态没有正确的标记。 我知道我需要拥有 aria-modal =“ true” ,但是我不确定100%是否在我有 className 的所有地方都添加了此属性。因此,例如: renderModal(){ return( ..
发布时间:2020-05-31 23:49:01 其他开发