Css 如何测试开发中网页的视觉可访问性?

Css 如何测试开发中网页的视觉可访问性?,css,browser,accessibility,colors,Css,Browser,Accessibility,Colors,在开发网站时,我希望能够快速切换到“对于患有某种色盲的人来说,这是什么样子的?” 我发现,这将显示图像或公共网页的大致外观 在网站上线之前,我是否可以在本地开发中使用一些东西?也许是Firefox插件?你可以截屏并发送给我:)这是用于ffx2的。它不会向您展示它是什么样子的,但它会给您一个站点元素表,突出显示那些可能有问题的元素 为什么不下载并安装它呢 *编辑结果显示,它的一个beta版可用于ffx3,我自己还没有尝试过,但应该就是这么做的 色盲有多种类型。因此,最大限度地提高网站可访问性的最佳

在开发网站时,我希望能够快速切换到“对于患有某种色盲的人来说,这是什么样子的?”

我发现,这将显示图像或公共网页的大致外观


在网站上线之前,我是否可以在本地开发中使用一些东西?也许是Firefox插件?

你可以截屏并发送给我:)

这是用于ffx2的。它不会向您展示它是什么样子的,但它会给您一个站点元素表,突出显示那些可能有问题的元素

为什么不下载并安装它呢


*编辑结果显示,它的一个beta版可用于ffx3,我自己还没有尝试过,但应该就是这么做的

色盲有多种类型。因此,最大限度地提高网站可访问性的最佳方法就是简单地测试设计的对比度(背景与文本)。包含用于执行此操作的资源/工具的列表。这将帮助访问者在光线条件差、显示器不好、色盲或视力差的情况下阅读您的内容


检查对比度的一个优点是,它适用于所有类型的颜色感知,并且不会强迫您使用与常规颜色感知不匹配的颜色和色调。

幽默,但不容易自动化。我怀疑你会厌倦我每周给你发几百张截图:)