UD5工具箱
色觉障碍（Color Vision Deficiency）
俗称色盲，是指眼睛对某些颜色的感知能力减退或缺失。最常见的是红绿色盲，影响约8%的男性和0.5%的女性。色觉障碍分为红色盲（Protanopia）、绿色盲（Deuteranopia）、蓝色盲（Tritanopia）和全色盲（Achromatopsia）四种主要类型。本工具支持对这四种类型进行模拟，帮助设计师理解色觉障碍用户所看到的图表效果。
WCAG（Web Content Accessibility Guidelines）
Web内容无障碍指南，由W3C制定的国际标准，规定了网页内容对残障人士的可访问性要求。WCAG 2.1是最新的推荐版本，分为A、AA、AAA三个合规等级。其中准则1.4.1明确规定不应单独依靠颜色来传递信息，这正是本工具纹理填充功能的理论依据。对比度要求是WCAG中最常被审计的指标之一。
对比度（Contrast Ratio）
衡量前景色与背景色之间亮度差异的数值，计算公式基于相对亮度（Relative Luminance）。对比度范围从1:1（完全相同）到21:1（纯黑与纯白）。WCAG要求普通文本在AA级下对比度不低于4.5:1，AAA级不低于7:1。本工具自动计算每种纹理颜色在白色背景上的对比度并标注等级。
双重编码（Dual Encoding）
同时使用两种不同的视觉通道（如颜色+纹理、颜色+形状、颜色+标签）来传递同一信息。在数据可视化中，双重编码确保当某一视觉通道受限时（如色盲用户无法区分颜色），另一通道（如纹理）仍能有效传递信息。本工具的核心策略就是颜色与纹理的双重编码。
纹理填充（Pattern Fill）
使用重复的几何图案（条纹、点阵、网格等）填充图表元素（柱状图、饼图等）的技术。纹理填充为数据系列提供了颜色之外的第二重视觉标识，是实现无障碍图表的关键技术之一。常见纹理类型包括竖条纹、横条纹、斜条纹、点阵、网格、交叉线、菱形格、波浪线、空心圆和棋盘格等。
相对亮度（Relative Luminance）
表示颜色在标准观察条件下的感知亮度，计算时需要先将RGB值进行gamma校正转为线性值，再按公式 L = 0.2126 x R + 0.7152 x G + 0.0722 x B 计算。相对亮度是WCAG对比度计算的基础。人眼对绿色最为敏感，因此绿色通道在亮度计算中的权重最高（0.7152）。
LMS色彩空间
基于人眼三种视锥细胞（长波L、中波M、短波S）响应的色彩模型。LMS空间是精确模拟色觉障碍的基础，真实的色盲模拟需要通过矩阵变换将标准色彩空间转换到LMS空间。本工具使用CSS滤镜进行近似模拟，而专业工具如Color Oracle则基于LMS矩阵变换实现精确模拟。
感知均匀色阶（Perceptually Uniform Colormap）
色阶中相邻颜色在人眼感知上的差异保持一致的色彩映射方案。常用的感知均匀色阶包括Viridis、Magma、Plasma和Inferno等，它们避免了传统彩虹色阶中的亮度突变问题。这些色阶在设计色盲友好图表时特别有用，因为它们的亮度梯度为颜色区分提供了额外线索。
Okabe-Ito调色板
由统计学家坪川清史和伊藤贵之提出的色盲友好调色板，包含8种颜色：橙色、天蓝色、蓝绿色、黄色、蓝色、朱红色、黑色和白色。这套调色板经过精心设计，即使在最常见的红绿色盲条件下，各颜色之间仍保持足够的区分度。它是数据可视化领域最广泛推荐的色盲友好配色方案之一。
Canvas 2D API
HTML5 Canvas的二维绘图接口，提供createPattern()方法可将图片或绘制内容定义为重复纹理图案。通过clip()方法可将纹理限制在特定路径区域内。本工具的纹理填充演示基于Canvas 2D API实现，该方案与Chart.js、D3.js等主流图表库天然兼容，是动态图表纹理填充的首选技术方案。