如何测试正在开发的网页的可视化可访问性？

Question

在开发网站时，我希望能够快速切换到“对于某些类型的色盲患者来说这看起来像什么？”

我找到了Visicheck，它会显示图像或公共网页的近似值。

在网站上线之前，我可以在本地开发中使用某些内容吗？也许是一个Firefox插件？

Answer 1

您可以对其进行屏幕截图并将其发送给我：）

Answer 2

这曾经用于ffx2 https://addons.mozilla.org/en-US/firefox/addon/7313。没有告诉你它是什么样的，但它确实给你一个网站元素的表格，突出显示那些有问题的。

为什么不下载ffx portable 2并在其上安装它。

*编辑证明它的测试版可用于ffx3

Answer 3

我自己还没有尝试过，但here's a Firefox extension应该这样做。

有各种类型的色盲。因此，最大限度地提高网站可访问性的最佳方法是简单地测试设计的对比度级别（背景与文本）。 Here's an article包含用于执行此操作的资源/工具列表。这将有助于您的访客在光线不足的情况下阅读您的内容，使用不良显示器，色盲或视力不佳。

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