深入钻研网页无障碍！
“前端、标记都有S级高手，还负责过MA工具的UI，无障碍应该也游刃有余吧！”抱着这样的天真想法，Liberogic的网页无障碍项目拉开了序幕……而实际上，这却是一场惨烈战斗的开端。因为立下了完全符合WCAG 2.2的高目标，我们长年累月地进行学习会，讨论也没完没了……说实话，我们这才深刻体会到，自己之前太小看这件事了。
回想几年前项目初期的无障碍学习会。
“WCAG与JIS X 8341-3:2016有什么区别？”
“WCAG 2.0和JIS X 8341-3:2016是一样的！”
就这样从最基础的问答开始，我们走上了漫长的道路。
“这个达成标准应该这样理解对吧？”
“不，那是另一个标准的内容。”
在无尽的讨论与修改中，我们终于建立起了以WCAG 2.2 AA级合规为目标的体制。
重新打造自家网站！
“我们的网站和我们的业务是不是不太匹配？”
就这样一句话，启动了自家网站的重新设计。
“既然要做，就把无障碍和SEO都全力投入！”
这份热情感染了本应十分忙碌的优秀员工们，他们（大概）欣然投入了工作，这自不必多说。
“这个颜色对比度不达标！”
“诶，从设计角度看明明很好……”
“能不能在规范范围内调整？”
诸如此类，我们在设计与无障碍之间反复摸索、不断试错。
在标记环节，我们则平静而坚定地逐项完成了那份严苛的测试项目清单。
终于完成！
虽然比最初的计划大幅延期，但我们确实感受到了技术进步带来的切实手应。
Lighthouse 获得 100 分！PageSpeed Insights 也给出了高评价！
弊司网站采用 Astro + microCMS + Cloudflare 构建，Lighthouse 得分高本在预料之中。无障碍方面自然也没问题！Lighthouse 的无障碍测试使用了可靠的 axe-core，因此对 WCAG 合规方面的努力会得到相当直接的体现。
在性能方面，由于页面图片较多且动效丰富，起初得分增长有些乏力。但我们反复进行了扎实细致的调优：优化 Web 字体的加载方式，重新检视图片的压缩率和格式，调整资源的加载优先级。最终，那一刻终于到来了！
＼ 满分！ ／
PC 版 Lighthouse 的所有项目都拿到了满分！而且，传言果然是真的。“哦哦！在 Lighthouse 中全部拿到 100 分，Google 会为你放烟花庆祝吗？”
“真的假的！？之前的网站只能勉强做到 80 到 90 分出头，现在居然……虽然 Astro 也有功劳，但这也太厉害了！”
显示视频文字记录（转录文本）（日语）
（lighthouseでスコア100点を記録した時の花火の様子）
同样由 Google 提供的网站性能测量工具 PageSpeed Insights，也理所当然地拿到了 100 分。
不过 PageSpeed Insights 没有特别的演出效果（烟花）。连续出现一个 99 分、一个 100 分的情况，所以希望 Google 能追加一些可喜可贺的庆祝效果。🎇
顺便一提，Lighthouse 和 PageSpeed Insights 的分数会因测量时的网络环境、服务器状态及浏览器情况而波动，因此即便曾经拿到 100 分，也未必能始终维持，这一点需要留意。
移动端性能拿到 100 分看来是不可能的挑战吧……大概是这样。（↑当时没有截图，所以是最近补拍的截图）
真正的目标在分数之外。
“不对，可是这不是理所当然的结果吗，站在用户角度想的话……？”
我们并非一味追求分数，而是彻底为所有实际使用网站的人进行设计，我认为这正是获得最高评价的原因。“满分100分”只是阶段性的目标。真正的目标是打造让每个人都能舒适、轻松使用的网站！！
目前为了确认项目的可行性，我们正在实现各种实验性功能，Lighthouse 的分数也比当时有所下降。我天真地一直喊着“为什么呀为什么？”，但对大家来说，确认项目的可行性远比我的任性更重要，这一点自不必说。
就这样，我们永不止步的探索仍将继续。
身为社长，同时也始终是一线的参与者。热衷于理解新技术，在某些事物变得更加便利的瞬间感到喜悦，并全情投入其中。对未来的技术充满期待，无论年龄多大，都希望持续享受全新的体验。
森本 忠典
项目经理 / 总监 / 2007年成立