文件名称:a11y-color-tokens:从基础颜色标记生成可访问的UI颜色
文件大小:11KB
文件格式:ZIP
更新时间:2024-03-24 07:58:06
css sass color accessibility a11y
a11y-彩色令牌 从基础颜色标记生成可访问的补充文本或UI颜色,作为Sass变量和/或CSS自定义属性。 我为什么需要这个? 尽管有许多工具可用于检查对比度,但是有效地选择可访问的调色板可能既费时又令人沮丧。 作为一个拥有太多辅助项目的人,我会说色彩对比总是会减慢我的工作流程。 实际上,我正是为了加快自己的过程而构建的! 此外,每个人都可以从有关颜色标记对比的文档中受益,以确保可访问地使用标记。 a11y-color-tokens ,您可以专注于选择基本色,同时注意生成对比度安全的互补色调,以确保您达到。 该项目的独特之处在于它可以缩放原始颜色值,以获得更令人满意的视觉对比度,而不是仅返回白色或黑色。 (不用担心-如果需要,您可以覆盖对比色! ) :light_bulb: “令牌”来自“设计令牌”的设计系统世界术语,您可以。 盒子里装了什么 示例输出: // `primary` name and
【文件预览】:
a11y-color-tokens-main
----color-tokens.js(1KB)
----.npmignore(20B)
----LICENSE.md(730B)
----README.md(8KB)
----.gitignore(12B)
----sass()
--------_color-token-contrast.md(826B)
--------_color-tokens.scss(1KB)
--------style.scss(597B)
----bin()
--------createColorTokens.js(6KB)
----package-lock.json(2KB)
----package.json(1KB)