加载旋转器(GIF)的颜色对比度测试程序



我正在为一个应用程序做颜色对比验证。请让我知道如何验证加载旋转器图标(GIF文件(。请让我知道从颜色对比的角度来验证静态/动态(GIF(图标的过程。

旋转器不需要传递颜色对比 - 它是一个信息图像。

显然没有看到旋转器,我将无法评论它是否足够清晰,但只要白色对页面上的变化就足够了。

运动也比静态文本更清楚,所以要牢记这一点。

对于合规性 - 颜色对比仅真正适用于文本(尽管我喜欢您在装载机上考虑的事实(。

您可能要看的是ARIA属性,以更新屏幕读取器用户正在发生的事情。

如果您完全不确定,您可以使用Inline SVG旋转器而不是GIF(此外,它将少一个HTTP请求,因此可以帮助您使用速度:-)(,因为您可以通过CSS设置颜色!

只需将旋转器的颜色和背景颜色放在像这样的对比颜色工具中,看看它是否失败了最小对比度:

https://webaim.org/resources/contrastchecker/

最新更新