了解色盲人士如何看网站

尝试消除问题的工具

作为网站管理员,您必须管理,测试和处理很多事情。一个核心领域是网站的可访问性。辅助功能涵盖了广泛的不同主题,从确保网站不受设备屏幕大小的影响正常显示,以及与旧版浏览器和设备的向后兼容性到 遵循准则

工具可以帮助您。 由Quirktools制作的Screenfly 模拟加载网站的各种屏幕分辨率,以显示在运行该解决方案的设备上显示时的外观。

Colorblinding是Chrome扩展程序,可为您测试色盲如何查看您的网站。该扩展程序可在您在Chrome浏览器中显示的任何网站上安装后立即运行。请注意,在安装扩展程序之前,您需要重新加载在浏览器中打开的页面,否则尝试使用扩展程序时将不会发生任何事情。

单击扩展程序图标将显示色觉缺陷列表,您可以从中选择一个缺陷来模拟活动网站上的色觉缺陷。色盲现象支持以下缺陷:

  1. 红盲(Protanopia)
  2. 绿盲(Deuteranopia)
  3. 蓝盲(Tritanopia)
  4. 红弱(原发性)
  5. 弱绿色(申命记)
  6. 蓝弱(Tritanomaly)
  7. 单色性(色盲)
  8. 蓝锥单色(Achromatomaly)

一旦选择了一个可用的缺陷,它就会在浏览器中普遍应用,这意味着您可以在选项卡之间进行切换,以分析针对该缺陷的人如何显示网站的不同页面甚至是完全不同的网站。

test color deficiency website

视网站而定,什么都不会改变,这是一个好兆头。如果您发现更改,则必须分析它们的严重程度。可能出现的最大问题是,网站是否因为该原因而无法使用,例如,按钮,文本或链接是否因其无法正确显示或完全由于该原因而变得不可用。

对每种缺陷重复该过程,以确保网站对所有缺陷都显示良好。使用快捷方式循环浏览列表的选项将很有用,因为它将大大加快该过程。

由于没有这样的选项,因此每次要切换到另一个缺陷时,都必须单击按钮并选择一个不同的缺陷。

结束语

Colorblinding是一个有趣的Chrome扩展程序,适用于希望确保有色障碍人士可以访问其网站或设计的网站管理员和设计师。