对比工具

ColorGradient提供了一个颜色对比工具。它提供了检查两种颜色之间的颜色对比度的选项。

文字和背景的颜色对比在网页上很重要。它会影响一些人感知所呈现信息的能力。工具如下WCAG的建议对于网页的可访问性。

根据WCAG标准，对比度分为两个等级:

• AA(最小对比度)- AA级别要求正常文本的对比度至少为4.5:1。
• AAA(增强对比度)——AAA级别要求正常文本的对比度至少为7:1。

下面的例子演示了如何在ColorGradient中启用对比工具:

 
尝试在右侧的文本上应用不同的颜色。请注意，当对比度变小时，文本是如何逐渐变得难以阅读的。
 
 
 @(Html.Kendo(). colorGradient (). name ("colorGradient") . opacity (true) . value ("#d13838ff") . contrasttool (tool => tool. backgroundcolor ("#ffffff")) . events (ev => ev. change ("onChange"))) 
 
 
 Lorem Ipsum只是印刷和排版行业的假文本。自16世纪以来，Lorem Ipsum一直是行业标准的假文本，当时一位不知名的印刷商拿了一大堆铅字，把它们胡乱拼凑成一本铅字样本书。它不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。在20世纪60年代，随着包含Lorem Ipsum段落的Letraset表的发布，以及最近的桌面出版软件，如Aldus PageMaker，包括Lorem Ipsum的版本，它开始流行起来。
 
 
 

 
尝试在右侧的文本上应用不同的颜色。请注意，当对比度变小时，文本是如何逐渐变得难以阅读的。
 
 
  <对比度-tool enabled="true" background-color="#ffffff"/>  
 
 
 Lorem Ipsum只是印刷和排版行业的假文本。自16世纪以来，Lorem Ipsum一直是行业标准的假文本，当时一位不知名的印刷商拿了一大堆铅字，把它们胡乱拼凑成一本铅字样本书。它不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。在20世纪60年代，随着包含Lorem Ipsum段落的Letraset表的发布，以及最近的桌面出版软件，如Aldus PageMaker，包括Lorem Ipsum的版本，它开始流行起来。