问题标签 [section508]

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.

0 投票
1 回答
278 浏览

accessibility - RSpec 2 查看测试以验证可访问标记?

我想在 RSpec 中进行一些基本的可访问性测试(显然,稍后将由其他工具和用户进一步验证;这是为了抓住低垂的果实,比如查找没有 alt 标签的图像等)

大多数示例都只是检查内容是否存在是相似的;我想要做的是获取标签列表,然后断言找到的“所有”标签都符合某些条件(例如,所有图像都必须有一个 alt 或一个 longdesc;每个表单输入都需要一个标签或标题, ETC)。

RSpec 可以做到这一点,或者如果没有,是否有可以做到的工具?

谢谢。

0 投票
2 回答
8415 浏览

jquery - 使用 jQuery 508 是否兼容?

我正在开发一个需要符合第 508 节的 asp.net 网站。我很困惑,好像我应该使用 JavaScript 或根本不使用。

我什至可以使用 jQuery 的slideUp()/slideDown()来显示/隐藏部分吗?我可以使用 jQuery UI 的日期选择器和模式对话框吗?

0 投票
1 回答
1482 浏览

jquery - 如何使我的页面部分的这一部分符合 508 和 wcag 2.0

您好合规专家!

我的任务是使我们的网络应用程序符合第 508 节和 wcag 2.0 指南。对于大多数事情,这并不太棘手,但我遇到了一些障碍。

我在应用程序中使用了很多 qtip,它通常是符合 b/c 的,它使用 wai-aria 角色和 describe-by 属性。但是,我添加工具提示的方式使其在第一次鼠标悬停之前不会放在文本上。这显然不会发生在键盘导航中,我也不确定屏幕阅读器将如何处理它!

我在这里做了一个小提琴:http: //jsfiddle.net/patriciavandermeer/xkhy6/2/ ,它演示了我在说什么。工具提示是最终用户可以在其他地方设置的 html,它们列出的项目可能有也可能没有工具提示。

我正在考虑应用工具提示并显示在 :focus 上(并在失去焦点时隐藏),但是我需要给跨度一个 tabindex 并且我不确定它的支持程度如何,都可以主要浏览器处理好吗?

还是我应该咬紧牙关,准备好文档中的工具提示?当我以这种方式设置它时,我在一些繁忙的页面上遇到了一些严重的性能问题。

编辑:这是将使用的 html 示例,以及我用来将工具提示附加到跨度的 jquery/javascript。

示例 HTML:

用于附加工具提示的 Javascript:

0 投票
1 回答
1189 浏览

wpf - 我可以为工具栏按钮使用 DataTemplate 并且仍然使名称有意义吗?

我有一个 Toolbar,其 ItemSource 是 toolbarItems 的集合,其中包含按钮的位图文本和其他信息,xaml 包含一个 DataTemplate 以将数据绑定到按钮。

我们的应用程序现在需要符合 508 标准,当我运行 Accessible Event Watcher 时,它会将所有工具栏按钮名称列为“未知”。

有人可以告诉我如何为按钮提供有意义的名称吗?

这是适用于此问题的 xaml 部分:

谢谢,

罗恩

0 投票
1 回答
624 浏览

section508 - 在第 508 节的表格中呈现多个选项的最佳方式是什么?

我需要为用户(将使用屏幕阅读器)提供一种在表单中选择多个选项的方法。目前,这些选项被布置在一个两列表中,第一列中带有复选框,第二列中span带有选项的 s label。这不符合第 508 节,但它需要适用于本网站。我试图找出用更好的东西替换这种形式的最佳方法。

我的选择是

  1. 使用ul/ lis 和labels 作为复选框

或者

  1. 使用多选下拉列表。

有没有人有偏好或更好的主意?

0 投票
3 回答
283 浏览

html - HTML Accessibility with grid data

Here is a js fiddle of my example output: http://jsfiddle.net/Hdzv8/ and below is the html. This is a pretty simple display of information but how would you make this accessible? I can make divs instead of tables but I cannot change the overall structure. The problem I have is there currently is no indication that "Weight" is a header for "16oz". How would you go about (from an accessability standpoint) labeling these sections as headers?

0 投票
1 回答
592 浏览

jquery - Jquery Galleria 未通过 508 ADA 合规性图像 alt 不存在

如何将 alt 添加到 Galleria Image Gallery,因为它默认不包含 ALT 标签。我正在使用设置为画廊提供图像和经典主题。有没有人知道如何使其符合 ADA 规则。

0 投票
1 回答
814 浏览

testing - 使用 508 合规检查工具的经验

我想检查一个网页是否符合 508(替代文本、标题等)。我找到了这份清单。过去对你有用的是什么?有什么教训吗?另外,我正在使用 IBM Rational Suite(即 IBM Rational Functional Tester)。您可以调用任何工具来验证合规性吗?我在想webrat但对于 java。

已编辑:添加了指向 webrat 和 508 合规性的链接。

0 投票
2 回答
826 浏览

jquery - jquery tablesorter - 508合规性

关于使用哪些键盘快捷键来访问列标题中的表格排序器控件的任何想法?或软件处理程序/其他支持 508 合规性(支持通过键盘访问这些控件)?

0 投票
2 回答
642 浏览

c# - 确保客户文件上传符合第 508 条

在我公司的 Intranet 上,该公司要求允许用户将文件存入共享文件夹,以便自动发布到 Intranet 站点。与文件上传几乎相同,直接访问不同服务器上的存储设备(有文件类型限制)。

由于我无法控制用户及其对第 508 节合规性的了解,是否有一种方法可以在将文档添加到页面之前对其进行验证?现在,我有一个 C# 类,它从该目录中的已批准文件夹构建一个列表。我只是想确保如果文件不可访问,它们不会被添加到列表中。