《网页无障碍的技术方法检测报告和修改.ppt》由会员分享，可在线阅读，更多相关《网页无障碍的技术方法检测报告和修改.ppt（99页珍藏版）》请在三一办公上搜索。
1、网页无障碍的技术方法：检测、报告和修改,第二部分 2009.10,检测工具类型,2,检测工具,无障碍工具栏AIS网页无障碍工具栏是由澳大利亚国家信息和图书馆服务公司（the National Information and Library Services）提供无障碍信息解决方案（Accessible Information Solutions，AIS）。它可以帮助分析研究无障碍网页组件，包括结构和可能的色彩问题。具体来说，无障碍工具栏可以帮助无障碍分析人员来评估：图像替代文本在没有样式表的情况下网页的可读性表格结构颜色对比率标题结构Javascript 组件表结构Tab键控制次序框架标题,3
2、,检测工具,读屏软件 Pocket HAL 7.1 Dolphin Computer JAWS Professional Freedom Scientific Windows Eyes 6.1 GW Micro,4,检测工具,Dragon Naturally Speaking语音识别(Preferred 和 Pro)Nuance通常，语音识别是一种利用语音来传递的、替代键盘命令的输入方式。ZoomText 突触适应性和魔术屏幕放大程序 Freedom Scientific公司产品，可放大并改善屏幕显示内容 Windows 无障碍工具栏 包括听写器、放大器、以及无障碍显示设置等-微软Window
3、s,5,检测工具,PowerBraille可更新点字显示器 Freedom Scientific公司产品:一个点字显示器是一种触觉装置，由一行特殊的软单元格组成。一个软单元格具有6或8个金属或尼龙针;引脚被电子控制上下移动以显示在源系统显示器上出现的字符，通常是一台计算机或盲文记录器（Braille note taker）。手工检测-微软粘滞键、筛选、切换键和鼠标键无障碍功能选项的手工验证使用声音卫士（Sound Sentry）和显示声音无障碍功能选项的语音警报的手工验证视觉代码检查,6,检测工具,肯辛顿轨迹球（Kensington trackball）-肯辛顿 Macromedia Drea
4、mweaver(与无障碍扩展)-Adobe 自制的口操纵杆：四肢瘫痪者可用于按键盘上的键或电脑屏幕上的鼠标键。头操纵杆：四肢瘫痪者可用于按键盘上的键或电脑屏幕上的鼠标键。,7,网页无障碍检测的最佳方法,8,最佳方法，TecAccess方法,在建设之初就认真确定范围是非常关键的，但这一点在理解无障碍建设的工作量、要求及成本时经常被忽略。网站或应用程序的规模大小和复杂性网站或应用程序的内嵌技术是什么？有其它内容需要考虑吗？你需要哪种技能资源？你需要哪种检测工具？交付的时间计划表是什么？员工的可用性？,最佳方法，TecAccess方法,最初确定范围时要考虑的问题网站和应用程序的规模大小和复杂性：问题
5、可以包括网页 数量、相关网页的链接、内容复杂性、视频、表格和表单的使用、各种浏览器（IE、火狐、Apple Safari、Google Chrome),最佳方法，TecAccess方法,最初确定范围时要考虑的问题内嵌技术（例如包括Web2.0等）提高了复杂性和风险。用户使用时无障碍是个易被忽略的典型问题。社交网络 博客 RSS（Really Simple Syndication）Wikis 播客 视频,最佳方法，TecAccess方法,最初确定范围时要考虑的问题需要关注的、与网站或应用程序有关的其它内容包括：帮助文件对于经常忽略在无障碍努力 的用户起关键作用。PDF文件库-许多网站都包含历史记
6、录、产品列表，趋势和分析等丰富的PDF文件。地图和图表,最佳范例，TecAccess方法,最初确定范围时要考虑的问题检测和评估需要考虑哪些技能资源？一旦由资深专家对此作出计划和确定，检测的执行则可以在认真计划和确定的前提下依靠较少的技能资源来完成。在这里，使用模板和检查表是非常有用的。,最佳方法，TecAccess方法,最初确定范围时要考虑的问题检测和评估需要考虑哪种检测工具？辅助技术（包括采用残疾人作为检测者来确保辅助技术的使用）、各种平台和浏览器。确保测试团队的所有用户都能获得所需的工具和许可(适当的版本)。,最佳方法，TecAccess方法,最初确定范围时要考虑的问题认真考虑交付的时间计
7、划表、员工可用性特别是你们的专家和实验室的可用性。基本项目管理流程的使用应该是鼓励的，甚至是必需的。,最佳方法，TecAccess方法,所有测试人员都应该使用“是/不是”来回答，如果可能的话也加上一些详细报告（例如“替代文本标签存在，但缺乏实质内容”）如果有多个测试人员，所有的测试结果都必须由一位资深专家进行核对。客观数据和主观数据（可用性备注，流量以及用户反馈尤其是残疾人提供的反馈）。然后，测试经理可以把结果进行优先级排序，以确保反馈是客观的、可用性、信息全面丰富的、可执行的。这样做将会使检测报告更加清晰，有助于进行修改，并确保这些事项经得起审核。,16,最佳方法，TecAccess方法,花
8、一些时间在修改之后进行验证，确保客观和主观无障碍问题都已经得到解决。在TecAccess,我们一直有两个目标：1)无障碍合规符合/不符合2)可用性/有效性,17,最佳方法，TecAccess方法,符合指导方针或标准并不总能保证辅助技术用户 无障碍访问信息。例1：替代文本：等效描述例2：实施指导方针的方式会极大地影响有效性。例如要求“跳过导航代码”被添加到页面底部而不是顶部。这个虽然符合要求，但不是特别有效。,18,19,总结,最佳方法包括最初确定范围时要考虑的问题。在本阶段更严格地考虑这些问题，在接下来的步骤中就可更容易、更低成本地进行：检测修改验证,检测过程中检查表的使用,20,制定检查表无
9、障碍检查表有助于确定在开发、检测、执行和维护无障碍产品以及解决方案中所使用的过程。这也有助于记录项目目的和目标，使目的和目标可以被衡量.首先，列出你的项目目标。为每个项目目标都列出执行目标，并简要描述执行目标的衡量方法。,制定无障碍检查表,21,当你定义目标、目的以及衡量方法时：在计划阶段要与开发团队一起合作，确保无障碍首先被考虑在内。从长远看来这将会节省时间和金钱。在无障碍需求方面要具体，考虑以下示例：,制定无障碍检查表,22,确定关键成功因素关键成功因素（或者成功方法）可能包括：技术要求可用性要求人工代码检查辅助技术检测用户测试,制定无障碍检查表,23,将无障碍结合到你的成功因素中，并计划
10、你将如何具体衡量无障碍。例如，你将会：使用残疾员工？模拟残疾测试？使用自动化检测工具？采用外部的检测咨询？,制定无障碍检查表,24,制定一个无障碍问题解决检查表，以帮助衡量成功因素。例如，检测应用软件的检查表可能包括以下内容：检查图像替代文本。检查表单和表格，确认标签的适当使用。检查色彩的合理使用。检查所有链接是起作用的、有意义的。检查确保所有的音频和多媒体元素具有等效的替代文本，且文本是 准确的。检查时间响应。使用键盘导航应用程序检查图片闪烁或者转动图片。,制定无障碍检查表,25,重要事件应符合一般产品的要求。通常一个重要里程碑的总结将明确项目进度中关键路线上的事件。设备清单:立即确定步骤：
11、X天正在进行的审查项目完成：X天,制定无障碍检查表,26,关键路径是确定项目最早完成时间的一系列活动。对于每一个事件，提供预测的完工日期和列出里程碑或事件重要性的简要说明。,考虑重要事件,27,将里程碑事件结合到路线图中，路线图可以记录你的策略并记录所取得的成果。如果需要，一定要包括修改或改进的里程碑。最重要的是，使用这个路线图作为项目团队的沟通工具，并定期更新。,制定无障碍检查表,28,29,验证：要被公布的单个创建文档职责：单个创建文档：完成检查表，验证合规在检查表中填写网站管理员的（或其他人员）的名字缩写,制定无障碍检查表,30,流程.单个编码文档:检查文档，确保它是合规的。如果有问题，
12、让无障碍团队评估文件。完成符合具体法律、要求、标准相关的网站无障碍清单请网站管理员审核并开始填写检查表。向网站管理员递交文档以供发布。,制定无障碍检查表,31,检查及平衡,网站管理员在检查表已经完整填写了以后才会签署检查表。网站管理员是唯一有权批准例外/豁免的人。网站管理员只能发布有完整检查表的一个网页文件。如果网站管理员没有得到完整的检查表,则应有责任来确保无障碍合规。已发布的不合规文档必须在一个特定的时间框架内修改，或者必须从网站上删除。,32,经验学习,大部分网络作者不理解无障碍。必须由网站管理员作为这个流程中的联络人，确保让网络作者履行其职责。要向管理层和网络作者证明使产品合规并不是那
13、么困难和费时的。做到这一点最好的方式是通过快速修改一个网站的问题来做出示范。作为一个双赢的方式来宣传这一做法。公开表彰表现突出的合规网址。例如设立一个季度奖,这样在你的部门中的每个人都能看到它。,33,经验学习,让网络作者签署文档来保证合规，不如在其他地方签名认证那么有效。大多数的政府部门已经不仅仅只是制定一套网站要求/指南。所有的要求都需要公布出来，这样网页作者都会意识到这些要求，而不仅仅是讨论一套标准。,34,从你的无障碍词典中拿掉“不当负担”这个词。拜访那些有可操作的无障碍项目的组织机构，参考他们的流程。提供持续数年的培训。通常人们要到第二年才会相信你对无障碍是认真的。先实施那些小的、容
14、易合规化的问题。要让员工和管理层设定一个期望值，认为无障碍既不难，也不贵。不断地寻找方法来促进无障碍。,常规提示,制定网页无障碍计划，以检测和修改错误,35,为什么要有一个无障碍执行计划？,无障碍项目计划的制定可以确保项目进行过程中适当的协调，以确保项目目标的实现。,36,制定你的计划,确定适用标准确定你的需求进行初步检查确定你的成本编制清单 再利用还是新建？制定你的项目计划培训团队制定测试标准,37,初步审核：问问你自己.,你理解什么是无障碍、无障碍意味着什么吗？2.你知道在你们的机构里哪些部门和人员负责无障碍合规吗？3.你的IT经理（部门主管/主任/网站管理员）了解电子及信息技术问题吗？这
15、些与你的总体无障碍需求是相关的。4.你们为组织机构内部不了解信息无障碍的人提供培训和技术支持吗？对电子信息技术无障碍标准有实用的实施计划吗？5.你已经决定如何评估你的无障碍进展（检查表、无障碍工具等）吗？,38,初步审核定义你的假设,要制定一个合乎实际的项目计划，同时也要考虑意外变数，你必须做一定的假设。这些假设会帮助你定义你的项目范围。,39,初步审核定义你的假设,假设清单示例：一次更新所有的网络硬件是不可行的。在硬件更新的过程中，所有不合规的设备将被替换为合规的设备，并且是分阶段进行，以免扰乱日常的工作流程。在新的work-hires趋势表明前线部门的能力必须是无障碍的，因此无障碍合规的努
16、力要从前线部门开始，并逐步扩展到内勤部门。,40,制定项目描述,一旦已经确定了假设并明确了项目，就需要制定一个项目描述。该项目描述可能包括下列因素：确定员工开展工作所必须的硬件或软件组件，确认为什么需要进行不同的修改以便于残疾员工、老年员工或能力受限的员工能够与没有残疾的员工一样获得平等的工作能力。在可能或需要的情况下，确认硬件/软件的改进建议，以使单个硬件组件合规。,41,制定计划,确定以及记载项目描述的理想方式首先是：确定技术和无障碍需求确定开发团队的需求，包括：培训要求获得辅助技术获得领域专家或外部顾问的帮助,42,制定计划,不要忘记考虑以下几点：哪个产品更可能需要无障碍处理什么时候需要
17、对无障碍进行例外处理，例如：“内勤部门”例外基本变更不当负担商业上不提供现有产品保存期限用户类型（终端用户vs.系统管理员）,43,制定计划,总结项目范围如果你的假设是可靠的、项目的描述是合理的，那么在你的项目范围定义就有一个比较好的基础。,44,制定计划,在你定义项目范围时，你可能需要重新审视你的假设，或增加新的假设。例如，你会不会使用分阶段做法 如果这样的话，有哪些或什么样的中期解决方案,45,制定计划,制定一个阶段性实现策略制定合乎实际的时间表考虑预算周期根据不同的项目，要考虑其他因素包括：制定内部无障碍指导方针/无障碍的最好做法。确定用于开发、测试、实施和维护无障碍产品和解决方案的流程
18、。,46,制定内部指导方针,制定内部指导方针内容制作，软件和操作系统导航替代文本无障碍的在线帮助和安装使用说明,47,制定内部指导方针内容制作，软件和操作系统导航替代文本无障碍的在线帮助和安装使用说明,大多数软件方面的要求都和视障人士的可用性有关。例如，一个规定要求替代键盘导航，这对无法依靠指点设备（例如鼠标）的视觉障碍人士来说是很重要的。其它规定涉及到动画显示、颜色和对比率设置，闪光频率和电子表格等等。,制定内部指导方针,48,制定内部指导方针内容制作，软件和操作系统导航替代文本无障碍的在线帮助和安装使用说明,导航元素应该安放一致。应该提供替代击键设备。,制定内部指导方针,49,制定内部指导
19、方针内容制作，软件和操作系统导航替代文本无障碍的在线帮助和安装使用说明,所有非文本元素（图像，flash元素或视频）都应该有替代文本，用来为那些不能看见内容的人描述图片。开发者应该确保：所有图像都有alt属性或alt标签；文本描述传达的信息与相应的图像传递的信息相同；所有多媒体图片、电影、声音和小应用程序都有alt标签或以无障碍形式呈现。,制定内部指导方针,50,制定内部指导方针内容制作，软件和操作系统导航替代文本无障碍的在线帮助和安装使用说明,无障碍的在线帮助和安装使用说明应该：易于访问易于导航易于搜索可以打印,制定内部指导方针,51,制定计划,制定硬件和其他设备的指南.例如:电信语音邮件、
20、短信、自动接听和交互式语音应答通信系统需要用户在一定时间间隔内作出反应，应该在时间即将结束时发出警报，并且为用户提供足够的时间来表明他们需要更多的时间。这项规定用于满足人们的需要，比如那些在认知上或灵活性上有障碍的人，他们需要额外的时间来对交互式语音应答通信系统作出反应，以避免被过早挂断。不对具体警报的的声音如何或需要多少额外时间作出具体规定，因为这些因素是在变化的。,52,制定计划,把遵守指导方针作为项目范围的一部分 例如会不会需要更多的时间、更多的专门知识？有没有其他方面的考虑？,53,制定计划,无障碍检测检测应该包括在项目范围内考虑下列方式：内部技术检测手工代码检查由健全用户以及残疾用户
21、来检测 确定你在时间和资源方面采取了适当的调整措施，以保证测试正确进行。,54,确定最好做法,W3C网页内容无障碍指南1.0/2.0替代文本指导方针提供无障碍的、对用户友好的在线帮助 制定无障碍及可用性的检测策略确保有关如何访问以及使用该课程的所有说明是无障碍的,55,确定你的成本,开发者和测试者培训费用辅助技术购买可用性测试咨询费用产品重新设计还是新产品开发,56,产品重新设计vs.新产品开发,现有的内容 修改还是或开发新内容？可以考虑的其他策略：转录文本 纯文字版本 什么也不做,57,常见的障碍问题,图片没有替代文本复杂的图像或视频没有适当设计的转录文本 表格不能准确地阅读框架是无意义的表
22、单的标签设置或导航较差页面的字体大小固定，不能容易地被更改音频/视频元素缺少字幕,58,开发无障碍网页的规则,为所有图片提供替代文本使含义不依赖于色彩确定语言变化独立制作层叠样式表页面为动态内容更新替代形式为服务器端图像映射图提供冗余文本链接,59,开发无障碍网页的规则,尽可能的使用客户端图像映射图在数据表中放入行和标题将所有数据单元与标题单元结合起来给所有框架加上标题制作独立的脚本站点同步多媒体替代形式提供一个跳过重复链接的选项 来源公用设施管理,60,制作替代文本,简短的替代文本50个字符或5个字词或者更少长的替代文本（longdesc属性）或者D-LINK(外部链接到一个长介绍）转录文本
23、无意义的图像或图像ALT属性为无值,61,替代文本要考虑：,避免缩写和缩略词避免在图像中嵌入文本注意使用标点符号（测试）为小图片提供适当的文本，例如项目符号、标志、导航按钮建立一个替代文本样式指南,62,导航,用一致的用户界面（UI）来设计页面当页面被载入时即确认页面名称将滚动的需要减到最少当提供选项时将选项放在同一相邻区域,63,提高有效性,你可以提高基于web和非web技术的有效性：无障碍的在线帮助图片的替代文本正确地颜色和对比率无障碍的、一致的导航提供交互式元素增加工具提示提供思维导图为音频/视频材料添加封闭式字幕,64,无障碍在线帮助桌面,在线帮助 易于访问易于导航易于搜索可以打印,6
24、5,图像 需要回答的问题,所有的图像都有Alt标签或Alt属性吗？文本描述所传递的信息是否与图片传递的信息相同？3.图片、电影、声音以及小应用程序有Alt 标签吗？,66,为图片提供替代文本,Image:Five young professionals of different race and gender,with the caption Diversity:Many forms,67,使用适当的颜色和对比率,Note:One out of every ten American men is colorblind!,68,颜色 需要回答的问题,使用的颜色是用于强调文字、按钮或任务的一个独特
25、标记吗？2.文本有不适当的背景颜色或图案对比率吗？,69,举例.,该设备上有个绿色的“ON”按钮。确定“ON”按钮。,相互作用,色盲很常见。不要忘记各种形式所产生的局限性。例如，一个并未完全失明或失聪或丧失行动能力的人也会需要无障碍辅助。,70,在交互时使用工具提示,工具提示,71,使用思维导图（Mind Map）,思维导图,提供关于页面设置、如何导航、如何用快捷方式启动的文档,72,音频和多媒体 需要回答的问题,多媒体内容的转录文本和描述之间有区别吗？字幕（封闭式或者开放式）转录文本,73,视频 要回答的问题,描述总结是：视觉信息包含动作设置状况字符,74,无障碍检测,检测你的产品所支持的所
26、有标准配置对编码和用户界面执行检查用辅助技术进行检查 读屏软件、屏幕放大器、语音识别使用自动工具来帮助查找和修改无障碍错误(例如:508法案和WAI violations)5.招募残疾人作为测试人员 没有比让真正残疾的人来验证可用性更好的检测办法了,75,创建网页无障碍检测报告,76,网页无障碍检测、报告、修改,The TecAccess Web Accessibility Testing Process,修改错误,制定检测策略及计划,实施检测,创建网页无障碍报告,验证合规,本阶段：记录你的调查结果！,77,TecAccess 网页无障碍检测流程,网页无障碍检测、报告、修改,创建一个有效的网页
27、无障碍报告一个好的网页无障碍报告应该:确定用于检测的无障碍标准/指导方针对于技术人员和管理人员都提供了丰富的信息逐条说明不符合无障碍标准的缺陷，以及在测试中 发现的一般无障碍和可用性问题具有可行性，对修改提出具体的建议,78,网页无障碍检测、报告、修改,创建一个有效的网页无障碍报告一个好的网页无障碍报告确定检测标准:清楚说明在综合检测中所使用的具体的网页无障碍标准或指南如果适用的话，确定具体的合规等级例：WCAG2.0 合规等级AA；中国无障碍上网技术要求等级XYZ,79,网页无障碍检测、报告、修改,创建一个有效的网页无障碍报告一个好的网页无障碍报告包含丰富的信息:描述检测对象：具体的网站网址
28、、应用把重要信息放在报告前面 检测结果概述总结调查结果：无障碍合规状态即：网站具有主要几个无障碍合规问题；网站基本符合网页无障碍指南,只需做少量修改即可达到100%合规并可被常见辅助技术的用户完全无障碍地访问。,80,网页无障碍检测、报告、修改,创建一个有效的网页无障碍报告一个好的网页无障碍报告会逐条说明合规缺陷:描述在检测中最常遇到的合规缺陷的类型即：大部分图片的替代文本较差或根本没有替代文本援引无障碍指南来说明合规缺陷，重申每一条指南内容！,81,网页无障碍检测、报告、修改,创建一个有效的网页无障碍报告一个好的网页无障碍报告从测试者中获取可用性问题和导航观察:执行测试的人工测试者有机会观察
29、多个网站上的可用性特征及技术应该鼓励测试者自由评注与网站可用性有关的意见和建议用与获取测试数据（纸质表格、在线表格、数据库等）相同的方法来获取原始的可用性和导航观察,82,网页无障碍检测、报告、修改,创建一个有效的网页无障碍报告一个好的网页无障碍报告是可行的!获取最高级别的检测信息，并辅以具体的测试结果，旨在帮助读者理解报告中的合规缺陷可作为截至某个特定网站版本或日期的“无障碍标准/指南合规现状”正式记录 既提供无障碍合规缺陷，也提供修改这些合规缺陷的具体建议,83,网页无障碍检测、报告、修改,创建一个有效的网页无障碍报告资源：中国残疾人联合会网站的网页无障碍评估报告样本中国无障碍上网技术要求
30、,84,85,概述,使用网页无障碍报告来：确定检测目标获取检测准则描述最概要的调查结果细化描述具体的合规缺陷记录修改建议,答疑,86,亲身实践,87,评估网页无障碍合规的简单技术提示,88,进行初步检测,无障碍检查表：关闭图片，检查替代文本是否适当。关闭声音，检查音频内容是否仍然可以获得。用不同的屏幕分辨率进行测试使用读屏软件（XP和Vista-免费辅助技术工具）检测替代内容是否可读。内容是否以有意义的顺序进行显示？,89,进行初步检测,使用自动无障碍工具检测其他不符合无障碍标准的问题。不使用鼠标，只用tab键检查链接和表单控件，确保你能控制他们，并且链接清楚地表明它们所指向的地方。模拟有没有
31、替代文本？它们“模拟”残疾人的方式和残疾人被教导采用的体验方式是否一致？有没有定时的事件？定时是否可以调整？能否正确朗读表格？,90,无障碍动态,中国正在制定无障碍上网技术要求的细化实施方案，与WCAG2.0合规等级A大体一致婴儿潮一代、社会老龄化社会媒体联合国残疾人权利公约的批准经济环境不信赖大的商业实体国际分歧,91,92,超越无障碍，超越法律,无障碍标准仅提供一个基准线。无障碍只是一个开始 在整体的可用性策略中，它仅仅是一个重要的子集或通用工具。大家都认可无障碍是使技术更为可用的第一步。无障碍=尽可能减少障碍。可用性=所有的人都能轻松使用。,93,总结,为残疾人优化无障碍和可用性所带来的
32、好处是明确的。如果信息技术的功能良好、并可根据用户的技能和需求进行调整，那么残疾人将成为更加独立、更有创造力的社会成员。,94,总结,95,你能做什么！,当你们听完今天的报告，我鼓励你们回顾各自工作中的成功案例，并审视你们各自所在的工作环境。思考一下你们在无障碍技术领域能做什么，以及找到一些有创造性的方式来实现它们。,立即行动:未来由你创造,适当地分配资源制定一个计划（理解标准、评估、设定目标）确定问题范围实施指导方针无障碍测试/跟踪网站进程培训员工将无障碍整合到质量检查和内容交付流程中用历史的眼光来看待你的无障碍工作,96,正确的领导能力包括：市场营销开发公共关系终端用户行政管理业务营运职业技能发展/培训,97,立即行动：未来由你创造,它将引领我们至何处？,你的决定！公开讨论问题,98,联系,LaMondre Pough经理TecAccess Rockville Commerce CenterBuilding A,Unit 12410 Granite Ridge RoadRockville,VA 23146电话:(804)749-8646直拨电话:(804)749-3565传真:(804)784-7493,99,
