a11y-彩色令牌 从基础颜色标记生成可访问的补充文本或UI颜色,作为Sass变量和/或CSS自定义属性。 我为什么需要这个? 尽管有许多工具可用于检查对比度,但是有效地选择可访问的调色板可能既费时又令人沮丧。 作为一个拥有太多辅助项目的人,我会说色彩对比总是会减慢我的工作流程。 实际上,我正是为了加快自己的过程而构建的! 此外,每个人都可以从有关颜色标记对比的文档中受益,以确保可访问地使用标记。 a11y-color-tokens ,您可以专注于选择基本色,同时注意生成对比度安全的互补色调,以确保您达到。 该项目的独特之处在于它可以缩放原始颜色值,以获得更令人满意的视觉对比度,而不是仅返回白色或黑色。 (不用担心-如果需要,您可以覆盖对比色! ) :light_bulb: “令牌”来自“设计令牌”的设计系统世界术语,您可以。 盒子里装了什么 示例输出: // `primary` name and