12得票2回答
HTML元素如pill / badge是否需要额外的Aria-role?

我正在尝试为我的网页添加可访问性,但是不确定如何处理这个标记元素。它类似于您在线购物车图标上看到的数字圆圈。(请参见下面的示例图像) 我无法确定应该为其分配什么类型的aria role,或者是否需要特别为其分配一个aria role。我很确定它不是“role=button”,因为这里没有单击...

12得票4回答
如何使Font Awesome兼容WCAG 2.0?

如果我有一个网站上面有几个Font Awesome图标,例如:<i class="fa fa-fw fa-cloud "></i> 当我将这个内容通过WCAG 2.0验证器运行时,我得到了以下错误:Success Criteria 1.4.4 Resize text (...

11得票2回答
链接内嵌图像以供辅助功能用户使用

假设我想制作一个可点击的图片(比如站点徽标或其他内容),像这样:<a href="theblablasite.com"><img src="logo_or_whatever.png"></a> 如果我想使其可访问,我应该在链接中同时使用 aria-label...

10得票2回答
网站遵从美国残疾人法案(ADA)的合规性

有没有自动的、在线或离线的工具,可以测试xhtml/css是否符合屏幕阅读器和其他《美国残疾人法案》(ADA)的视觉指南要求?

9得票2回答
锚点标签<a>中的rel="home"有什么作用吗?

我在WordPress主题中经常看到这种情况(可能是因为Underscores这样做,所以每个人都会复制): &lt;a href="/" rel="home"&gt;Some Site Title&lt;/a&gt; 我无法找到任何半官方的声明,表明在锚标签上使用rel="home"在...

9得票3回答
如何为图片编写良好的alt文本以帮助屏幕阅读器和盲人用户了解图片内容?

如何编写良好的图像替代文本以帮助屏幕阅读器和盲人用户了解图片内容?如果我们使用Alt文本,那么在特殊情况下(如菜单图像等),Title =“text”中应该包含什么?

9得票4回答
电话号码和屏幕阅读器

有没有一种标准的方法让屏幕阅读器拼读数字? 我目前正在使用NVDA和Firefox,并且有以下电话号码: &lt;p&gt;01234 567890&lt;/p&gt; 这段文字的意思是: 零一二三四五六七八九五六七八九 对于听者来说,这样的表示方法相当令人困惑。我希望有一种方...

8得票2回答
易用性和使用Javascript

我想要澄清一些事情,即在符合WCAG(Web内容可访问性指南)的网站上使用Javascript是否合适。 我的理解是只要Javascript不会阻止用户访问网站内容或完成网站操作,使用Javascript就是可以的。 例如,如果一个网站需要Javascript才能登录,那么这将违反WCAG...

8得票3回答
在导航中,当前页面使用哪个ARIA状态角色?

最近,我一直在将ARIA应用于网络应用程序,并发现这篇文章对于改进导航部分非常有帮助。 在所有模块中实现后,我发现了这个HTML验证错误: 属性aria-selected在此时不允许出现在元素a中。 查看ARIA规范,我发现aria-selected只在角色gridcell、opti...

7得票1回答
Web可访问性-当屏幕阅读器配置为读取“title”属性时的行为

有人建议,如果“title”属性扩展了控件可见文本中的内容,则应该将所有信息都包含在可见文本中,因为屏幕阅读器可能会读取标题而不是可见文本。为了澄清这个问题,以下哪些观点是正确的(对于大多数屏幕阅读器)? 如果一个标签使用“for”属性与输入字段相关联,并且设置了输入字段的“title”属...