问题标签 [wcag2.0]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 符合 WCAG 2.0 AA 是否使用 ul 选项卡作为母版页中的导航选项卡?
我有一个 aspx Web 应用程序,它使用无序列表标签来解析母版页内的选项卡菜单。我的问题是:可以根据 WCAG 2.0 AA 使用 ul 标签吗?
asp.net - 是否强制所有输入都使用 fieldset 和 leyend 标签才能满足 WCAG 1.3.1 点
首先,像往常一样,对不起我的英语和我的无知,当然有很多误解,我想我知道。
我有一个很大的 asp.net 站点(使用母版页、处理程序等),我需要我的站点符合 WCAG 2.0。为了做到这一点,我试图通过为 WCAG 2.0 AA 指定的所有失败,但在阅读了 H44 技术后,我意识到我的 aspx 页面中的表单没有为我的表单使用 fieldset 和 leyend 标签,这就是我的问题出现的地方:
是否强制所有输入控件使用 fieldset 和 leyend 标签以满足 1.3.1 点?
提前致谢,
html - 根据 WCAG 2.0 使用空格键
我想知道,根据 WCAG 2.0,在哪些情况下空格键用于在页面内进行交互。
它是否在与回车键相同的情况下使用?
我应该为回车键和空格键提供相同的功能吗?
html - 我是否需要实施 WAI ARIA 以符合 WCAG 2.0 AA?
我正在构建一个需要符合 WCAG 2.0 AA 级的站点。
我的问题是我实现了多少个 ARIA 角色?
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques
html - WCAG 2.0 aria-labelledby 用于表单标题和免责声明
当您尝试在表单顶部放置标题和免责声明(如“所有字段都是必需的,除非标记为可选”)时,我不确定表单是如何使用 aria-labelledby 或 aria- describeby 的。我认为这就是我认为的完成方式,但我是可访问性的新手,所以任何更正将不胜感激!
编辑*提交按钮的代码
html - 可访问性 (WCAG 2.0)、冗余链接和响应式网站导航
响应式站点上的触摸设备存在以下简单导航:
- 关于我们
- 关于我们
- 联系我们
在移动设备上,主链接在触摸时展开子导航,并带有一个复制的子链接以实际打开关于我们和其他子页面。
在桌面上,复制的链接是隐藏的——因为主要的 About Us 链接支持单击(打开页面)和悬停(显示子导航)状态。
这似乎是使用移动触摸菜单在响应式网站上处理导航的常用方法,但重复的链接会产生 WCAG 2.0 冗余链接警报。
有没有一种简单的属性方法来解决这个问题?还是没有比修改站点的 IA 更好的解决方法?
twitter-bootstrap-3 - 基于引导但可访问的模板(符合 WCAG 2.0)
我正在构建一个管理风格、数据驱动的内部业务应用程序(而不是面向公众的网站)。我想使用基于 Bootstrap 的模板(甚至考虑从 Bootstrap 市场或其他地方购买模板),但关键要求是该站点必须是可访问的(符合 WCAG 2.0 AA 标准)。
我知道 Bootstrap 存在一些可访问性问题(一些颜色、一些 javascript 等),但我也知道随着新版本的发布,很多问题都在变得更好。Bootstrap 文档本身只提供了关于可访问性的一小部分,没有提及 WCAG 2.0。有谁知道可访问性和 Bootstrap 的最新状态(目前是 3.3.7 版)?
我也遇到过Accessible+,这是一个基于 Bootstrap 的模板,但我不确定该设计是否适合我正在构建的应用程序,因为它似乎更面向公众(基于产品/销售)。但它可能会奏效。
或者,是否有人可以推荐任何其他基于 Bootstrap 的模板(无论是否免费),这些模板可以很好地满足我的需求,同时也很容易访问?
html - Achecker 链接文本可能没有意义
我正在尝试通过http://achecker.ca检查我的网站 ,在潜在问题部分,我有很多问题......我的意思是这个问题:
成功标准 2.4.4 链接目的(在上下文中) (A) 检查 19:链接文本可能没有意义。
我主页上的每个链接都被列为问题......这样的链接可能有什么问题:
iphone - VoiceOver 不会从 aria-* 属性中读取信息或者
我希望通过浏览器中的 VoiceOver(Safari) 和 TalkBack(Chrome) 阅读一些移动页面。
html代码:
我需要屏幕阅读器来阅读“一些描述” ,而不是阅读“正文”。
TalkBack 对我来说可以正常工作,但 VoiceOver(在移动 Safari 浏览器中)读取“正文”(甚至 aria-label、aria- describeby 对我不起作用)
如何使 VoiceOver 系统读取 aria-* 链接元素的内容而不是特定元素。