标签：无障碍
共 2 篇文章
-
调色板生成与色彩系统设计：从和谐配色到 WCAG 可访问性
深度解析调色板生成的核心算法：6 种和谐配色方案（互补 / 类似 / 三角 / 分割互补 / 四角 / 单色阶）、Tailwind 与 Material 设计系统色阶生成算法、明度色调（Tints / Shades / Tones）、WCAG 2.1 对比度计算、三种色盲模拟（红色盲 / 绿色盲 / 蓝色盲）的线性 RGB 矩阵变换原理、黄金角度随机配色、6 种格式导出（CSS / Tailwind / SCSS / JSON / Android / iOS）。配套在线调色板生成器实操演练。
-
无障碍颜色对比度：WCAG 2.1 标准与前端实践
系统讲解 WCAG 2.1 颜色对比度标准：相对亮度公式、对比度比值计算、AA / AAA 评级阈值、5 类应用场景（普通文字 / 大文字 / UI 组件）、品牌色不达标的 4 种解决方案、暗色模式下的对比度陷阱。配套可交互对比度检查工具，帮你交付无障碍合规的界面。