javascript - 如果我想让我的网站跨平台兼容和屏幕阅读器兼容，我应该避免使用 javascript、jquery、flash、ajax、silverlight 吗？

Question

如果我想让我的网站跨平台兼容（PC、iPHONE 其他手机、PDA）和 Accessible（兼容屏幕阅读器），我应该避免使用 JavaScript、jQuery、flash、Ajax、Silverlight 吗？

我是否应该只使用带有服务器端语言的 xhtml css 以获得更广泛的可访问性？

对于 PC pr MAC，我首先为 Firefox 做了一切，所以对于移动设备，我应该选择哪个浏览器？

score 7 · Accepted Answer

7

不，但提供它们作为渐进增强或提供优雅降级。

于 2009-12-09T06:21:30.443 回答

score 4 · Accepted Answer

你可以使用这些技术，但你需要对它很聪明，你不能仅仅概括任何给定的技术沙袋可访问性。

如果您正在为网站开发，那么您需要的#1 工具是 Firefox 开发者工具栏插件。在“工具”菜单中，有一个名为“验证第 508 节”的选项（这是一组可访问性指南）。这是一种快速而肮脏的方法，可以在您的网站上获取与可访问性有关的“损坏的内容”清单。

除此之外，网络上有大量资源，其中包含有关如何设计可访问性的具体建议。它本身几乎是一个完全强大的子学科。其中大部分与提供格式良好的 HTML 有关。（适当且有用的图像替代文本，设计提供足够对比度的颜色，适应色盲，使用表格描述，使网站可通过键盘导航（无鼠标），表单字段的正确描述等）

现在; 深饮，从知识之火中汲取。. . . 以下是资源列表：实施联邦可访问性 Web 标准 (1194.22)

(a) 应提供每个非文本元素的等效文本（例如，通过“alt”、“longdesc”或在元素内容中）。 http://www.access-board.gov/sec508/guide/1194.22.htm#(a)

http://www.jimthatcher.com/webcourse2.htm

相关信息

CSS (W3C) 的可访问性特性 http://www.w3.org/TR/CSS-access

层叠样式表 (W3C) http://www.w3.org/Style/CSS/

CSS 验证器 (W3C) http://jigsaw.w3.org/css-validator/

(e) 应为服务器端图像地图的每个活动区域提供冗余文本链接。(f) 应提供客户端图像映射而不是服务器端图像映射，除非区域不能用可用的几何形状定义。 http://www.access-board.gov/sec508/guide/1194.22.htm#(e) http://www.access-board.gov/sec508/guide/1194.22.htm#(f) http:// www.jimthatcher.com/webcourse5.htm (g) 应为数据表确定行和列标题。(h) 对于具有两个或多个逻辑级别的行或列标题的数据表，应使用标记来关联数据单元格和标题单元格。 http://www.access-board.gov/sec508/guide/1194.22.htm#(g) http://www.jimthatcher.com/webcourse9.htm 相关信息如何创建可访问表 (WEBAIM) http://www.webaim.org/techniques/tables/

Accessible Table Builder (Accessify) http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/ 一个工具，可以让你选择你想要的表格属性，多少行和多少列，并照顾为您提供可访问性标记。

(i) 框架应以便于框架识别和导航的文本命名。 http://www.access-board.gov/sec508/guide/1194.22.htm#(i) http://www.jimthatcher.com/webcourse4.htm 相关信息如何创建可访问框架 http://www.webaim .org/techniques/frames/ (j) 页面的设计应避免导致屏幕以大于 2 Hz 且低于 55 Hz 的频率闪烁。 http://www.access-board.gov/sec508/guide/1194.22.htm#(j) http://www.jimthatcher.com/webcourse7.htm (k) 当无法以任何其他方式实现合规时，应提供具有同等信息或功能的纯文本页面，以使网站符合这些标准的规定。每当主页面更改时，纯文本页面的内容应更新。 http://www.access-board.gov/sec508/guide/1194.22.htm#(k) http://www.jimthatcher.com/webcourse7.htm (l) 当页面使用脚本语言来显示内容，或创建界面元素，脚本提供的信息应使用辅助技术可以读取的功能文本进行标识。 http://www.access-board.gov/sec508/guide/1194.22.htm#(l) http://www.jimthatcher.com/webcoursea.htm 相关信息创建可访问的 JavaScript (WEBAIM) http://www.webaim.org/techniques/javascript/ 键盘可访问性 (WEBAIM) http://www.webaim.org/techniques/keyboard/ JavaScript 可访问性问题 (TRACE 中心) http: //trace.wisc.edu/world/java/jseval.htm 脚本 (IBM) http://www-03.ibm.com/able/guidelines/web/webscripts.html (m) 当网页需要客户端系统上存在小程序、插件或其他应用程序以解释页面内容，该页面必须提供到符合 §1194.21(a) 至 (l) 的插件或小程序的链接。 http://www.access-board.gov/sec508/guide/1194.22.htm#(m)

软件应用程序和操作系统 (1194.21) http://www.access-board.gov/sec508/guide/1194.21.htm

相关信息：

Java 可访问性 (IBM) http://www-03.ibm.com/able/guidelines/java/accessjava.html

Sun Microsystems Accessibility Program http://www.sun.com/access/index.html (n) 当电子表格设计为在线填写时，表格应允许人们使用辅助技术访问信息、字段元素、完成和提交表格所需的功能，包括所有指示和提示。 http://www.access-board.gov/sec508/guide/1194.22.htm#(n) http://www.jimthatcher.com/webcourse8.htm 相关信息如何创建可访问表单 (WEBAIM) http:// www.webaim.org/techniques/forms/ 可访问的 HTML/XHTML 表单 (Accessify.com) http://www.accessify.com/features/tutorials/forms/ 多输入表单域 (Accessify.com) http://www.accessify.com/features/tutorials/multiple-inputs/ 快速表单生成器 (Accessify.com) http://www.accessify.com/tools-and-wizards/accessibility-tools/quick-form- builder/ 这个工具可以帮助您使用必要的 HTML 标记构建表单以实现可访问性。

(o) 应提供允许用户跳过重复导航链接的方法。 http://www.access-board.gov/sec508/guide/1194.22.htm#(o) http://www.jimthatcher.com/webcourse4.htm 相关信息

跳过导航链接 (WEBAIM) http://www.webaim.org/techniques/skipnav/

跳过导航链接 (Jim Thatcher.com) http://www.jimthatcher.com/skipnav.htm (p) 当需要定时响应时，应提醒用户并给予足够的时间以表明需要更多时间。 http://www.access-board.gov/sec508/guide/1194.22.htm#(p) http://www.jimthatcher.com/webcourse7.htm

有关使网站和内容可访问的更多信息 W3C Web 可访问性倡议资源 http://www.w3.org/WAI/Resources/ 使教育软件和网站可访问设计指南，包括数学和科学解决方案 http://ncam.wgbh。 org/cdrom/guideline/ 508 Universe（包括设计无障碍网站的课程） http://www.section508.gov/index.cfm?FuseAction=Content&ID=5 无障碍工具和向导 http://www.accessify.com/工具和向导/

测试网站的可访问性根据 1973 年康复法案（教育部）第 508 条进行网络可访问性合规性测试 http://www.ed.gov/policy/gen/guid/assisttesting.html

508 清单 (WEBAIM) http://www.webaim.org/standards/508/checklist

评估网站的可访问性 (W3C) http://www.w3.org/WAI/eval/

免费测试工具 The Wave http://www.wave.webaim.org/

无障碍网页工具栏 (Internet Explorer) http://www.paciellogroup.com/resources/wat-ie-about.html

Web 开发人员工具栏 (Firefox) http://chrispederick.com/work/web-developer/

有关教育部辅助技术计划的更多信息，请访问： http : //www.ed.gov/policy/gen/guid/assistivetech.html 本文档中引用的链接包括由其他公众创建和维护的链接和私人组织，并为用户提供方便。美国教育部不控制或保证来自这些来源的信息的准确性、相关性、及时性或完整性。此外，本文档中包含的链接并不旨在反映其重要性，也不旨在认可所表达的任何观点或所提供的产品或服务，或赞助这些网站的组织。最后更新于 2009 年 7 月 17 日

score 2 · Accepted Answer

不，通过优雅的降级，您可以在没有 javascript 的情况下构建网站，并在顶部放置一层动态行为。

尤其是 jQuery 很好。

Silverlight 之类的东西可能会产生问题，但只要它不是页面的组成部分，就不会产生问题。

score 1 · Accepted Answer

Flash 和 Silverlight 在 iPhone 和其他一些移动设备上不可用。jQuery 支持屏幕阅读器可访问性，但似乎在 iPhone 以外的大多数移动设备上不可用。

score 1 · Accepted Answer

一般来说，如果您想拥有多个生产目标，则不必避免使用这些技术。然而，为了提供更传统的方法来创建相同的功能，需要更加小心。换句话说，你需要优雅地降级。

score 1 · Accepted Answer

只是一个意见，

对于手机，我应该选择哪个浏览器？

我看到很多手机都有opera移动浏览器，所以也请尽量兼容opera。

score 0 · Accepted Answer

我的建议是制作一个没有任何花哨的东西（JavaScript、Flash 等）的基本站点，并使该站点在任何设备上都可以完美访问。

然后，如果由于更先进的技术可以在某些平台上真正增强用户体验，请在您的基本网站之上构建它，并确保您检查谁在访问您的网站以及如何访问，并为他们提供正确的版本。

score 0 · Accepted Answer

作为屏幕阅读器用户，请遵循使用优雅降级的建议。也就是说 Flash 和 Silverlight 无法访问。尽管理论上可以使 Flash 可访问，但我从未找到具有可访问 Flash 的站点。如果您希望盲人用户可以在手机上访问该网站，您需要使用 iPhone、Windows Mobile 和 Symbian 上的默认浏览器进行测试。屏幕阅读器用户无法在任何移动设备上访问 Opera Mobile。

javascript - 如果我想让我的网站跨平台兼容和屏幕阅读器兼容，我应该避免使用 javascript、jquery、flash、ajax、silverlight 吗？

8 回答 8

Related

Reference