安全色
SafeColor生成的可访问颜色符合 (或您选择的任何对比度)。 它可以用于:
生成与给定颜色对比安全的随机颜色
为字符串生成一致的,对比度安全的颜色
无需担心您的基色是浅色/深色或前景/背景色。 如果给定的颜色太浅而无法满足您所需的对比度,SafeColor将寻找较暗的颜色,反之亦然。
许多库可以生成任意颜色。 为什么大惊小怪?
为了提高有色缺陷人士的网络访问能力,WCAG 2.1要求文本和文本图像的视觉呈现的对比度至少为4.5:1(AA级)或增强的对比度至少为7:1(AA级) AAA)。
遵守此原则将改善您的Web内容的可访问性。
安装
npm install safecolor
用法
import SafeColor from 'safecolor'
基本的
这将假定生成的颜色应该是具有黑色( rgb(0, 0, 0) )的对比度安全(> = Level AA:4
评论0
最新资源