随着人们对网站无障碍设计的兴趣日益增长，我们在提供可访问性评估服务时，一直在开发工具以“更轻松、更清晰”地支持可访问性评估。
作为这项计划的第一步，Chrome 扩展程序“区域对比度检查器”已经发布。
发展背景
传统对比度检查器主要有三种类型，每种类型都有其自身的优点和缺点。
- 自动扫描类型
虽然它能机械地从整个页面提取数据，效率很高，但当背景是图像或渐变时，它容易出现误报和漏检，这是它的缺点。 - 取样器类型（吸管）
虽然它可以准确地测量所呈现的颜色，但缺点是需要手动提取每个单独的区域，这增加了工作量。 - 元素特定类型
虽然它使用起来很简单，因为它直接引用 HTML/CSS 信息，但它无法检查图像，也可能无法正确捕获实际的渲染状态，例如元素重叠和透明度。
全新的第四种方法
借助区域对比度检查器，我们设计了一种全新的第四种方法。
拖动鼠标框选要检查的区域。软件将分析该区域内的像素，并自动检测两种颜色：背景色和前景色。由于它针对的是用户实际看到的“显示本身”，因此即使图像元素重叠，它也能进行检测。
您只需拖动感兴趣的区域即可轻松进行调查。
主要特点
▪️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 值）。
▪️保持色调的颜色建议
如果对比度不足，系统将建议一种符合标准且能保持原色色调的近似颜色。
▪️面向专业人士的高级功能
支持 HEX、RGB 和 HSL 颜色格式。
- 如果要微调自动检测结果，可以使用选择器一次重新选择像素。
- 支持两种语言：日语和英语
在 Liberogic，我们的目标是使无障碍成为一种标准品质，而是需要特别关注的事情。
这款工具融合了我们在网页开发和无障碍评估过程中遇到的所有“如果……该多好啊”的功能。我们计划继续发布更多工具，让无障碍功能更加便捷流畅。敬请期待！
