随着人们对网页无障碍的关注日益提高，我们通过提供无障碍诊断服务，持续推进旨在支持“更简单、更易懂”诊断的工具开发。
作为其中的第一步，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（Accessible Perceptual Contrast Algorithm）”。可即时显示符合哪一字号标准（Lc 值）。
▪️保持色相的颜色建议
当对比度不足时，在保持原色色相（Hue）的前提下，提供可满足标准的近似颜色建议。
▪️面向专业人士的高级功能
支持 HEX、RGB 和 HSL 颜色格式。
如需对自动检测结果进行微调，可逐像素使用取色器重新选择。
支持中文和日文、英文两种语言
Liberogic 致力于让无障碍不再是“特殊的应对”，而是“理所当然的品质”。
我们将在 Web 制作和无障碍诊断的一线工作中积累的“要是有这个就好了”的想法，全部融入这款工具。今后，我们也将陆续推出各种工具，让无障碍更加贴近日常、更加顺畅便捷。敬请期待。
