随着对网页无障碍的关注度不断提高，我们通过提供无障碍诊断服务，一直在推进开发工具，以实现「更简便、更易懂」的诊断支持。
作为这方面工作的第一个成果，Chrome 扩展功能「Area Contrast Checker」已正式发布。
开发背景
传统的对比度检查工具大致分为三种类型，但各有优缺点。
- 自动扫描型
从整个页面机械地提取数据，效率高，但当背景为图像或渐变色时，容易出现误检或漏检。 - 取色器型（滴管）
能准确测量所见即所得的颜色，但需要逐个手动提取，工作量大。 - 元素指定型
直接引用 HTML/CSS 信息，操作简单，但无法检查图像，且在元素重叠或透明度等实际渲染状态下可能无法正确获取。
「是否存在既简便、精度又高、到处都能检测的方法？」正是基于实际工作中的这一想法，开发工作由此启动。
前所未有的第四种方法
作为「答案」实现的，就是 Area Contrast Checker 中的「区域分析」——第四种全新方法。
用鼠标拖动选择要检查的区域。系统会自动分析该区域内的像素，并检测背景色和前景色这两种颜色。由于检查对象是用户实际看到的「显示内容本身」，因此不受元素重叠的影响，也可以检查图像。
只需拖动鼠标就能轻松检查感兴趣的部分。
主要功能
▪️WCAG 2.1 / 2.2 符合性判定
根据成功标准 1.4.3、1.4.6、1.4.11 评估标准文本（AA: 4.5:1、AAA: 7:1）、大文本（AA: 3:1、AAA: 4.5:1）、UI 组件（AA: 3:1）的对比度。
▪️支持下一代标准 APCA
支持 WCAG 3.0 草案中正在讨论的新对比度标准「APCA（无障碍感知对比度算法）」。可以瞬间显示在哪个字体大小范围内符合标准（Lc 值）。
▪️保持色调的配色建议
当对比度不足时，在保持原色调（Hue）的前提下，建议可以满足标准的相近颜色。
▪️为专业人士设计的高级功能
・支持 HEX、RGB、HSL 等色彩格式。
・如需微调自动检测结果，可以按像素单位使用取色器重新选择。
・支持日语和英语两种语言
Liberogic 的目标是让无障碍访问不再被视为"特殊安排"，而是成为"理所当然的品质标准"。
我们在网站制作和无障碍诊断的一线工作中，积累了许多「如果有就太好了」的想法，全部融入了这个工具。今后，我们计划持续发布更多能让无障碍访问更加便捷、更加顺畅的工具。敬请期待。
