网页的颜色
在本页:
原色
蓝色的
R0 g85 b162
#0055A2
黄金
R229 g168 b35
#E5A823
灰色的
R147 g149 b151
#939597
二次颜色
浅灰色
R210 g210 b210
# D2D2D2
深灰色的
R102 g102 b102
#666666
展期蓝色
R28 g136 b244
#1C88F4
梯度
蓝色#0055A2,灰色#939597,金色#E5A823
渐变可以用作背景或作为覆盖在黑白照片. 渐变象征着转型,并在上海大学的“转型”活动中使用.
网页可访问的颜色组合
在所有数字平台上,包括网站、博客和社交媒体上,都要注意 颜色对比. 有视力障碍或视力限制的用户可能会有困难 颜色之间的时间差.
可访问的
蓝色背景上的白色文字
白色背景上的蓝色文字
灰色#666666或更深的文字在白色的背景
蓝色文字,灰色# D2D2D2或更浅的背景
黑色文字,灰色# D2D2D2或浅色背景
白色文字,灰色#666666或更深的背景
无法访问
黄色背景上的白色文字
黄色背景上的蓝色文字
蓝色背景上的黄色文字
白色背景上的黄色文字
白色背景上的灰色文字#939597
白色背景上的灰色文字# D2D2D2
黑色文字,灰色背景#939597
黑色文字,灰色#666666背景
蓝色文字,灰色背景#939597
蓝色文字,灰色#666666背景
使用所有官方颜色,包括黄色和灰色,作为前景或背景 颜色 图形元素 在网上是可以接受的.
无障碍不仅仅是法律
色彩对比是创建web应用程序和内容时需要考虑的众多因素之一 每个人都可以使用,包括可能使用辅助技术的残疾人 访问您的网站. 这是正确的做法,也是明智的做法 这是法律吗?.
资源
要检查文本是否有适当的对比度,请访问 WebAIM的颜色对比检查器. 查找符合WCAG指南中文本/背景对比度的颜色 访问 色安全.
有关ADA遵守和易读性准则的更多信息,请访问 上海大学的无障碍设施 网站.