Day19：【技术篇】无障碍检测(freego)方式

一、前言

这篇要介绍的是当你的网站要申请无障碍标章时，必须要做的「无障碍检测」。一个好的网站，是建立在任何人(包含视力不佳者、视觉障碍者与听觉障碍者)都能体验良好的设计上的。「无障碍网页」就是使网站的使用性达到一定的标准，使网站的操作达到便利无障碍。

二、检测无障碍的前置作业

当你的网站准备就绪，也已经上线有自己的网址时，可以依照以下说明将检测环境准备好。

1. 本篇介绍之依据标准

国家通讯传播委员会无障碍网路空间服务网

2. 必要条件

本机先安装java。
下载freego压缩档(检测工具)。

3. 执行freego.exe(绿色icon的软件)

三、功能介绍

检测环境准备好後，可以发现介面其实满易懂(阳春)的，主要几个会用到的功能列在下面，并附上功能的icon图示让大家参考。

icon	主要功能	备注
	输入要检测的网址
	检测时要排除的网址	会出现小弹窗，新增完即可关闭该弹窗。
	执行	- 会需要等一阵子，也会弹出一个浏览器(不断跳转/检测)，两个视窗都不可关闭。
	查看执行结果	- show no 可看有问题的项目
	查看有问题的项目之详细记录	- 先点选执行後有问题的项目，在点选此icon，即可以看到一个弹窗，里面纪录该网址里的检测问题。

四、汇出检测报告

执行检测完毕後，会跳出弹窗告诉你检测已完成。如果要记录逐次的检测结果，可看到freego介面之上方工具列选单中有一项是「报告」，点进去後会有以下两项，可依需求将该次检测报告留存。

单一网页检测报告(cat格式档案)
全网站检测报告(htm格式档案)➔我通常都是使用这个。

五、若遇到freego与chrome更新的问题：

有时候可能会跳出视窗说无法检测，问题可能是更新chrome的一个档案就可以解决。

下载网址：选择倒数第二个下载。
解压缩後，会看到一个chromedriver.exe的应用程序档案，将其放到你当初下载freego的资料夹里即可。p.s.下图是我自己安装的位置：

四、结论与自我鼓励

以前做side project时，从未想过要设计或考量到无障碍设计规范，是因为现职工作有接触到公部门类型案件，才有机会学习到这个领域，算是很难得可贵的事情，当检测完成後，接下来就是把错误讯息一一解决了！
今天一样是在医院度过忙碌的一天，也是妈妈的生日，偷偷用今天的技术文章结尾祝福我的妈妈生日快乐！(我猜应该没人在铁人赛这样过吧...但我得为自己打打气♡)