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

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

我应该只使用带服务器端语言的xhtml css来获得更广泛的可访问性吗?

对于PC pr MAC我首先为Firefox做了一切,所以对于移动应该选择哪种浏览器?

iPhone和其他一些移动设备上没有Flash和Silverlight。 jQuery支持屏幕阅读器可访问性 ,但似乎除了iPhone之外的大多数移动设备上都不可用。

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

您可以使用这些技术,但您需要聪明一点,而且您不能只是概括任何给定的技术沙袋可访问性。

如果您正在开发一个网站,那么您需要的#1工具是Firefox Developer Toolbar附加组件。 在“工具”菜单中,有一个名为“validation部分508”的选项(这是一组可访问性指南)。 这是一种快速的方法,可以获取您网站上“破碎”的清单,与可访问性相关。

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

现在; 从知识的消化中深深地喝酒。 。 。 。 以下是资源列表:实施联邦可访问性Web标准(1194.22)

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

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

相关信息

创建可访问图形(WEBAIM) http://www.webaim.org/techniques/images/

适当使用替代文本http://www.webaim.org/techniques/alttext/

描述插图,图表,地图,表格,图表和图表http://www.w3.org/2000/08/nba-manual/Overview.html

img元素中的替代文本指南http://www.cs.tut.fi/~jkorpela/html/alt.html

D链接的示例http://www.consideration.org/technology/accessexamples/dlinksample.html(b )任何多媒体演示的等效替代方案应与演示同步。 http://www.access-board.gov/sec508/guide/1194.22.htm#(b)

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

相关信息

Web上的字幕(WEBAIM) http://www.webaim.org/techniques/captions/ (包括有关Quicktime,Windows Media,RealPlayer和MAGpie中字幕的教程)

字幕资源列表http://webaim.org/resources/captioning/ MAGPIE(NCAM) http://ncam.wgbh.org/webaccess/magpie/同步多媒体:SMIL(W3C) http://www.w3.org/ SMIL(W3C)的AudioVideo / Accessibilityfunctionhttp://www.w3.org/TR/SMIL-access/

创建可访问Flash(WEBAIM) http://www.webaim.org/techniques/flash/

Flash的辅助function技术(Macromedia) http://www.adobe.com/accessibility/products/flash/ (c)网页的设计应使所有使用颜色传达的信息也可以不带颜色,例如上下文或标记。 http://www.access-board.gov/sec508/guide/1194.22.htm#(c)

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

相关信息有效颜色对比http://www.lighthouse.org/color_contrast.htm

Vischeck http://www.vischeck.com/vischeck/对无色人友好的无障碍演示http://jfly.iam.u-tokyo.ac.jp/html/color_blind/ Visual Disabilities http:// www .webaim.org /文章/video/ colorblind.php

(d)文件的组织应使其易读,无需相关的样式表。 http://www.access-board.gov/sec508/guide/1194.22.htm#(d)

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

相关信息

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

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

CSS Validator(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://:http:// 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:// 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)纯文本页面,具有相同的信息或function,当不能以任何其他方式完成合规时,应提供使网站符合这些标准的规定。 只要主页面发生变化,就应该更新纯文本页面的内容。 http://www.access-board.gov/sec508/guide/1194.22.htm#(k)http://www.jimthatcher.com/webcourse7.htm(l)当页面使用脚本语言显示内容时,或者创建界面元素时,脚本提供的信息应使用辅助技术可以读取的function文本进行标识。 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/ Keyboard Accessibility(WEBAIM) http://www.webaim.org/techniques/keyboard/ JavaScript Accessibility Issues(TRACE Center) http://trace.wisc.edu/world/java/jseval。 htm脚本(IBM) http://www-03.ibm.com/able/guidelines/web/webscripts.html (m)当网页要求客户端系统上存在applet,插件或其他应用程序时要解释页面内容,页面必须提供指向符合§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 Accessibility(IBM) http://www-03.ibm.com/able/guidelines/java/accessjava.html

Sun Microsystems Accessibility Program http://www.sun.com/access/index.html(n )当电子表格设计为在线完成时,表格应允许使用辅助技术的人员访问信息,现场元素,完成和提交表格所需的function,包括所有指示和提示。 http://www.access-board.gov/sec508/guide/1194.22.htm#(n)http://jimthatcher.com/webcourse8.htm相关信息如何创建可访问表单(WEBAIM) http:// 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 / Quick Form Builder(Accessify.com) http://www.accessify.com/tools-and-wizards/accessibility-tools/quick-form-b​​uilder/这个工具让我们这有助于您使用必要的HTML标记构建表单以实现可访问性。

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

Skip Navigation Links(WEBAIM) http://www.webaim.org/techniques/skipnav/

Skip Navigational Links(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辅助function工具和向导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/

Web辅助function工具栏(Internet Explorer) http://www.paciellogroup.com/resources/wat-ie-about.html

Web Developer Toolbar(Firefox) http://chrispederick.com/work/web-developer/

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

不,随着优雅的降级,您构建网站无需javascript工作,并在顶部放置一层动态行为。

特别是jQuery很好。

像Silverlight这样的东西可以给出问题,但只要它不是页面不可或缺的一部分,它就不会出问题。

总的来说,如果你想拥有多个生产目标,你不必避免这些技术。 但是,需要更加小心,以便提供更传统的方法来创建相同的function。 换句话说,您需要优雅地降级。

只是一个意见,

移动哪个浏览器我应该选择?

我看过很多有手机浏览器的手机 ,所以请尽量与歌剧兼容。

我的建议是使一个基本站点没有任何花哨的东西(JavaScript,Flash等),并使该站点在任何设备上都可以完全访问。

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

作为屏幕阅读器用户,请遵循建议使用优雅降级。 那说Flash和Silverlight无法访问。 虽然Flash理论上可以访问,但我从未找到过具有可访问Flash的站点。 如果您希望移动电话上的盲人用户可以访问该站点,则需要使用IPhone,Windows Mobile和Symbian上的默认浏览器进行测试。 任何移动设备上的屏幕阅读器用户都无法访问Opera Mobile。