负责人应使用的 8 种网络无障碍检查工具
2024/04/16

在实施网站无障碍适配时,必须根据规定的标准对网站进行改进和建设,无障碍网络检查工具使用这些工具时,应适时验证是否能符合标准的改进,这是最有效的工作方法。
许多企业和网站管理员正在考虑引入网站无障碍性检查工具,以符合对网站无障碍性合理考虑的强制性规定。
网页可达性检查工具,从专门针对特定可达性的工具到全面检查整个网站可达性的工具提供了各种各样的东西。
因此这次,我们将介绍、在网页可达性应对中被广泛使用以下八个检查工具介绍如下。
工具②(免费)Lighthouse
工具③(免费) NVDA(中文版)
工具④(免费)色盲网页过滤器
工具⑤(付费) WAIV2(前WAIV)
工具⑥(付费)axe Monitor
工具⑦(付费) Siteimprove
工具 8(付费) uniweb
由于可达性要求非常多样化,因此根据目的有效地使用这些工具是非常重要的。本文将详细讲解这些网页可达性工具,并介绍在应对网页可达性时的流程等。
目录
评估网站的八个网页可达性检查工具
在进行网络无障碍适配时,首先要客观了解自己网站的可达性(易用性)到什么程度需要提前进行准备。因此,通过使用网页可达性检查工具评估自己网站的可达性,可以了解到需要采取何种应对措施。
在这里,我们将分为免费与付费两类,介绍在网站无障碍适配中常用的一些典型工具,请务必将介绍的这些工具用于自家公司网站的无障碍检查,以下是8个工具。
◆在本文中介绍的网络无障碍检查工具
工具名称 | 主要功能 | 特点 | 费用 | |
① | 大家的无障碍评估工具“miChecker Ver.3.0” | ·基于JIS X 8341-3:2016的无障碍验证 ・语音可用性的验证 ・低视力(视觉障碍)的模拟 |
由内务和通信部开发和提供的最受欢迎的免费工具。 ... 根据 JIS X 8341-3:2016 标准进行验证。 ・通过附加文件,您可以获得网络无障碍方面的知识 |
免费 |
② | 灯塔 | ・从五个评估标准综合评估网站及网页应用的质量 ·基本的SEO检查功能,如元属性设置和HTTP状态代码的正常性检查 |
・由于由Google提供,因此可以立即作为Chrome扩展功能使用。 ・以颜色区分的分数显示使问题变得直观易懂 可访问性和搜索引擎优化排名都可以得到改善。 |
免费 |
③ | NVDA(日文版) | ·通过合成语音自动朗读鼠标光标位置的文本 ・对盲文显示器的输入 ・由NVDA提供的快捷键键盘操作 ∙ 为无障碍网站开发人员提供支持功能。 |
・全球使用,支持超过50种语言 -无需安装即可通过 USB 记忆棒等便携式媒体执行。 ・支持包括电子邮件和办公相关应用在内的主要应用 |
免费 |
④ | 色盲网页过滤器 | ・第一类至第三类色盲和灰度(无彩色)的显示模拟(包括图像、图标等) | ・无需安装或注册,只需在网站上输入目标URL即可立即使用。 ・晴眼与色觉特征的视觉比较容易,UI设计使不同之处不容易被忽视 |
免费 |
⑤ | WAIV2 | ・网站整体评估、评估结果汇总功能、限制网站评估功能 ・包括PDF的站点评估功能 ·移动和Web应用验证 |
・根据JIS X 8341-3:2016自动验证网站 ・评价结果报告简明易懂,不仅指出问题,还细致地提供具体的修正方法。 ・支持WCAG 2.1和2.2 |
・90天使用版:¥55,000(不含税)/ 1个许可证 一年期许可证:每个许可证 11 万日元(不含税)。 ・无限期使用版:¥220,000(不含税)/ 1个许可证 |
⑥ | 斧头显示器 | ·具备能列出问题种类、发生频率及应对情况的仪表板功能 ·源代码水平的详细报告功能 |
・自动浏览指定的网站或页面 ・符合多个指南,如「WCAG 2.0」、「JIS X 8341-3:2016」、「第508节(复健法第508条)」等 ・专业工作人员将提供从实施到运营的细致支持 |
收费/需要查询。 |
⑦ | 网站改进 | ・通过WCAG和Siteimprove独特的两个维度指标的可达性评价功能 ·质量检查中的独立规则设置功能 至少每五天自动爬行一次。 搜索引擎优化功能 |
・在所有页面上自动验证超过200个验证项目 ·无需埋嵌入标签等实现工作,只需指定URL即可定期爬取 ·在全球超过7,000家公司和组织中使用 |
收费/需要查询。 |
⑧ | uniweb. | ・自动解析功能 ·通过AI自动生成alt标签等 ・网站结构自动优化 ・按症状按月分析功能 ・小部件设置功能 |
从网站分析到无障碍功能的优化和实施,提供始终如一的支持。 ·只需插入一行标签即可实现当天实施 ・可以在不改变网站结构或品牌的情况下实施 |
收费/根据域名和PV数量进行估算 |
那么,让我们逐一介绍这些工具。
免费的网络无障碍检查工具
首先,介绍四款代表性的免费可达性检查工具。
工具 1(免费) miChecker 3.0 版,一款面向所有人的无障碍评估工具。
miChecker" 是。由总务省开发并提供建议在检查网站是否符合 JIS X 8341-3:2016 标准时首先使用该工具,主要用于模拟老年或视障用户的浏览效果,以及检查可用性,例如使用语音转文字软件时的阅读顺序。
自动评估机械上可以验证的部分,同时也支持必须通过人工验证的部分。核查工作之所以能够高效地开展,是因为它能够做到这一点,而且还有随附的文件来支持核查工作、还可以通过以下工具获得网络无障碍方面的相关知识。
miChecker是一款开源软件,其源代码向公众开放,任何人都可以自由修改,并不断进行改进。但是,操作系统仅支持Windows,并且需要Java(64位版)的运行环境等条件。因此需要注意。
◆miChecker的界面
◆付属文書(一部)
工具②(免费)Lighthouse
「Lighthouse」是由Google提供的检查工具,Google Chrome扩展程序可以从中使用。Lighthouse根据Google独特标准的“五个视角”评估网站:性能、无障碍性、最佳实践、SEO、渐进式Web应用。
在网络无障碍方面,可以验证文本的可读性、图片的alt标记检查,以及链接的引导文字是否具体描述等,但还需检查网站的加载速度、HTML结构,确保网站在爬虫器面前的准确显示等,他们还对网站的搜索引擎优化方面进行验证,这不仅有助于提高网站的可访问性,还有助于提高整个网站的可访问性。
因此,根据灯塔验证结果对网站进行改进,可以提高网站的整体质量,从而提高搜索结果排名。
◆Lighthouse的报告界面
工具③(免费) NVDA(中文版)
NVDA 是一款适用于 Windows 的屏幕阅读器,是一款全球通用的开源软件,也就是所谓的 "语音转文字软件",主要用作视障人士的辅助工具,将屏幕上的文字转换成合成语音,但也可用作网络无障碍检查工具。
语音朗读不仅限于网页浏览器上的文本,广泛支持像电子邮件、聊天工具及办公相关应用等一般普及的应用程序不仅仅是简单地朗读屏幕上的文本,还具有自动朗读鼠标光标位置的文本,或者通过声音报告鼠标光标位置等功能,考虑到了视觉障碍用户的便利性。
并且支持众多盲文显示器,连接的盲人显示器的自动检测,如果盲人显示器具有盲文输入键,则进行盲文输入将帮助您完成。
以下是使用NVDA实际朗读文本的声音示例。虽然听起来略微机械化,但仍然很容易理解。
NVDA(日语版)语音转文字 ※请注意音量
根据“修正残疾人歧视消除法”,从2024年4月开始,将被强制要求提供合理的无障碍考虑。
工具④(免费)色盲网页过滤器
这是一个验证色觉特征用户如何看到网站的工具。尽管是工具,不需要软件的安装或注册,只需在「Colorblind Web Page Filter」网站上输入要验证的页面URL即可。因此,简便地进行检查是可能的。
通过切换模式,我们可以了解对于一个页面,第一种色盲(灰色和红色的区分比较困难)、第二种色盲(灰色和绿色的区分比较困难)、第三种色盲(混淆黄色和蓝色)等会有怎样的视觉效果。
Colorblind Web Page Filter的网站显示语言为英语,但操作简单,使用Google翻译则不会有问题。以下是实际检查界面,可以通过与晴眼者※的视角进行比较,了解色觉特征过滤后的视角。滚动时,两者会同步移动,因此不会遗漏,非常易于比较的设计已经形成了。
※晴眼者(せいがんしゃ):指没有视觉障碍的人
◆Colorblind Web Page Filter的比较页面
・与第一种色盲的比较
·与第二型色觉的比较
付费网络无障碍检查工具
接下来,我们将介绍一些典型的付费无障碍检查工具。
工具⑤(付费) WAIV2(前WAIV)
“WAIV”会自动分析网站,并基于JIS X 8341-3:2016标准对无障碍适配度进行评分,具体阐明其问题与修正要点。不仅适用于普通网站,也能分析包含PDF的网站。
适配度以数字明确显示,具体且易于理解,除了综合得分,还会显示加载速度、可操作性、文本可读性等细节项目的得分,这是其特点。
它还能发现标准中没有规定但用户可能会遇到的问题,因为它会自动评估断开的链接、混乱的文本顺序、颜色的使用和内容的数量等方面、仅通过该工具即可提高网站的可达性,包括网站的细节。。
到2024年4月,将发布新的“WAIV2”,并新增智能手机等操作和Web应用的无障碍要求,同时能够符合国际标准WCAG(Web内容可访问性指南)2.1和2.2版。
工具⑥(付费)axe Monitor
“axe Monitor”会自动巡回网站,在检查无障碍问题后进行数据分析和报告。不仅限于页面级别,可以一次性验证整个网站因此,使用非常方便的工具。
可以从存在可达性问题的部分的详细界面中确认处理情况及分配责任,因此后续的修正工作,无论是内制还是外包,问题的共享都更为便利。
在工具的导入和运营中,专业人员将提供支持。因此,即使“我们与IT完全无关的行业,但必须使我们的主页符合网络无障碍要求!”的人也可以放心使用。
工具⑦(付费) Siteimprove
在全球超过7,000家公司和组织中使用的“Siteimprove”,定期巡回网站,对200多个检查项进行自动验证全页面为此,它将全面确定与网站质量有关的所有问题,主要是 "链接中断"、"显示速度"、"正字法失真"、"排版错误和遗漏 "以及 "可访问性"。
Siteimprove基于问题的影响程度(※)推荐应对的优先順位,且改善进度以图表形式显示,因此项目团队可以共享应对情况,从而更高效地推进网络无障碍适配。因此,如果在公司内部设有专门负责网络无障碍适配的部门或团队,务必利用这些工具之一。
※例如,当存在多个断开的链接时,会从点击数量最多的链接提出改进建议等
功能实施也可能的网络无障碍检查工具
工具①〜⑦都是用于网站检查的工具,而工具⑧可以从检查到无障碍功能的实施,属于我们公司提供的工具。
工具 8(付费) uniweb
“Uniweb”是根据JIS X 8341-3:2016进行的一站式解决方案可分析网站上存在问题的区域,自动优化网站结构,并持续实施支持网络无障碍访问的功能。因为它是一种插件类型、只需在网站插入一行标签,即可在最短时间内实施这一点是巨大的优势。
2024 年 4 月,UniWeb 使用生成式人工智能实现了新功能 "简易日语人工智能",这是首次在网站上实现此类功能。随时可以引入新功能,这也是插件型工具的一个优点。。
Uniweb拥有各种无障碍功能,但各功能的控制菜单集中在一个地方,UI设计也统一,因此所有功能都能够自然实现而不破坏网站的设计,希望在保持自家公司网站世界观的同时实施各种无障碍功能的人,这一点具有很大优势。可以这样说。
◆uniweb的引入形象
・可达性菜单
・无障碍功能的应用示例
使用检查工具对符合网络无障碍要求的 5 个流程进行检查。
网站的可访问性可以通过使用网络可访问性检查工具(如上一节所述的工具)来改善,但一般流程如下:这些流程都不是一两个人就能完成的,因此应确保每个流程都有一定的资源。
网络无障碍合规流程:五个步骤
工程② 执行网页可达性检查工具
工程③ 开展改善工作
流程 4:目视(人工)检查。
工程⑤ 建立运营体系
此外,在进行应对作业之前适合于那些想了解「网页可达性到底是什么?」或深入了解网页可达性的人。请提前阅读以下文章。
将对各个过程进行详细阐述。
步骤① 明确检查标准
首先,我们将实际检查公司网站,以确定需要什么样的应对措施,明确对象范围标准这方面的标准是 "JIS 标准"。
网页可达性应对时,以国家标准「JIS X 8341-3:2016」为准。这就是结果。而且,已定义无障碍适配的适应级别,以A至AAA级来表示,但在网络无障碍适配中,所期望的是“符合AA级”标准。
◆适合级别
A 级一致性(25项达成标准) | 最低限必要的水平 |
适合级别AA(+13项的达成标准) | 公共机构所要求的水平 |
符合级别AAA(+ 23项的达成标准) | 有些内容无法满足所有达成标准,因此不推荐将此合规性水平作为要求。 |
也就是说,根据JIS X 8341-3:2016标准检查网站,改善或构建符合AA级标准的网站将会被要求。有关具体达成标准,请按照数字厅的“网络无障碍引导手册”和“JIS X 8341-3:2016达成标准速查表”进行查看。
参考:「网页可达性引入指南」(数字厅)、JIS X 8341-3:2016 达成标准 快速参考表(级别A & AA)(网页可达性基础委员会)
工程② 执行网页可达性检查工具
当检查对象的范围明确后,实际运行检查工具对网站进行评估。检查工具会巡回访问网站的源代码,机械地评估是否存在可达性问题(是否符合JIS X 8341-3:2016),并提供报告。
某些工具可按页面进行检查,一些工具则会一次性浏览整个网站。总之,人工检验需要巨大的精力,但使用工具可以大幅降低费用和时间。
首先使用检查工具,找出包括肉眼难以发现的微小部分在内的网站问题。
工程③ 开展改善工作
对通过检查工具发现的问题进行改善。根据问题类型,实际工作可能涉及设计、编码或新功能的实现等多个方面。
尤其是对于已经公开并在运营的网站,应确定工作的优先顺序,以便优先从问题影响度高的地方进行改善。会做到这一点。
流程 4:目视(人工)检查。
通过目测或人工实际操作对改进后的现场进行验证。
通过检查工具进行验证仅为机械化过程,因此特别需要人工判断的领域,如文本的完整性,则被忽略。将重点验证和处理那些可能从该检查工具中遗漏的地方。
此外,例如在仅使用键盘访问网站时,焦点顺序可能会感到不适。通过实际使用网站并使用已实施的功能,可以发现这样的问题。因此,我们也会对这些部分进行修改。
因为网站最终是由人使用的,因此人工验证工作是一个非常重要的环节。
工程⑤ 建立运营体系
网络无障碍适配并不是一劳永逸的事情。在定期维修及新建页面或者网站时,都必须按照网络无障碍标准进行实施。因此,记录无障碍支持的流程,以便在适当时进行检查和更新。
因此,在网络无障碍适配后,需要在公司内部建立能够持续运营的体系。是必要的。
网络无障碍检查工具只是评估工具而已
如上所述,在实施网络无障碍适配过程中,检查工具是发现自家网站无障碍问题的有效手段,但仅凭它并不足以解决所有问题。
网络无障碍检查工具只是用于网站评估的工具,实际的判断、修正、改善或验证等工作必须自己完成。这样一来,根据网站规模,公司内部需要确保的资源也会增加,成本和时间都会非常庞大。
也可以选择外包,但负担相对较大
如果无法确保资源,有两个选择。
② 使用能进行网站改善的工具
①是将网站的修正到验证的实际工作委托给专业公司。根据不同公司,也有从网站诊断开始的服务,所以如果支付费用,可以完全外包。可能需要数十万日元的初期费用,根据网站规模可能预估超过100万日元的费用。此外,即使完成后,修正等维护费用也可能每月需数万日元。
此外,目前的标准是JIS X 8341-3:2016,如果规格更新,则必须每次支付费用进行相应更新也必须考虑到这些。
不可否认的是,无论网络可访问性合规工作是由内部人员还是外包人员来完成,都会带来沉重的负担。
然而,就像之前介绍的我们公司的“Uniweb”一样还有一些工具可以自动进行网站改进。
UniWeb 能够以更低的成本和更短的施工时间提供无障碍支持。
我们提供的通过使用网页可达性工具「uniweb」,可以在大幅降低成本和工期的同时,在网站上实现可达性功能。。
而且,如前所述,委托开发公司开发网页可达性功能需要相对较高的开发费用,但UniWeb 的实施费用为每个域名每月的费用。费用是根据域名数量和 PV 数量计算的,因此不会造成资金浪费,而且可以大大减轻公司的负担。
让我们来实际体验一下Uniweb的功能
希望实际尝试uniweb功能的用户,请点击页面右下方可见的“蓝色圆形人形图标”。将会显示无障碍菜单,可以实际体验Uniweb丰富的功能。
推荐使用uniweb网站可达性检查工具,它可以执行功能的实现。
本文介绍了网络无障碍检查工具,但许多检查工具只是主要验证网站的工具,因此后续开发和持续维护必须由内部进行。
然而,通过使用像uniweb这样的工具,负责从网站检查到实际功能实现,可以大大减轻企业的负担,实现高质量的网页可达性应对。
从 2024 年 4 月起,在 UniWeb 官方网站上,合理便利已经成为强制性规定、网站的免费诊断也可以进行申请,着急进行网页可达性应对的企业,可以从贵网站的诊断开始。