4

我不确定这个问题是否有另一个类别，所以如果你觉得在其他地方合适，请把它移到其他地方。

我的网站上有一个微妙的灰色边框。对我来说，它在我的屏幕上看起来不错。但是，我在朋友家和图书馆的其他屏幕上对其进行了测试，通常它看起来要么太暗（使它看起来很难看）要么太亮（使它几乎不可见）。

我正在使用 HTML/CSS。有什么办法可以解决这个问题吗？

4

2 回答 2

3

您可以校准您的显示器，但您永远不知道其他人如何看待您的网站。两个要点是：

  1. 您不知道您的观众的显示器有多好（或差），以及它们是否经过适当校准。
  2. 您不知道您的所有观众是否都有完美的视觉，因此他们可以检测到细微的颜色变化（如果显示器能够首先显示这些变化）。此外，您网站的某些访问者可能以某种方式存在色盲。

如果我们假设人们至少有一些像样的（未校准的）显示器，我们可以通过评估我们网站的颜色对比度来检查网站的可读性和可访问性。你不应该使用细微的颜色变化来改变你网站文本的语义——必须考虑到显示器不佳和/或视力不佳。

用于展示照片或艺术品的视觉网站是另一回事。不确定您是否想通过细微的颜色变化给每个人留下深刻印象，或者您是否知道您的观众是一类拥有出色显示器的人。我猜不是，因为您使用随机计算机测试了您的颜色选择：这就是人们如何随机看到您的网站，一个接一个（不考虑视力）。

只是谷歌例如“颜色对比度分析仪”。下面是几个随机命中。

和一篇文章。

还有一些让我们想起色盲人的东西。

这很重要，所以我再说一遍：您永远不知道人们如何看待您的网站。您只需要确保所有内容都是可读且可访问的。

如果您担心其他人的显示器，您可以向他们提供链接或测试图像，以便他们查看他们的显示器是否能够显示细微的颜色变化。例如，Dpreview在每个评论页面上都有一个测试图像。这对于技术网站是可以接受的，但它可能会破坏艺术网站的用户体验。测试图像的想法可以从Lagom 的页面中找到。所有这些都有助于增强网站的艺术体验——即用户知道他看到了艺术品中最深的黑色，而不仅仅是应该有颜色变化的纯黑色——但实际（文本）信息应该始终清晰可见（对比度文字和背景之间的比例必须足够）。参见例如：

只是为了好玩。测试自己：

谷歌“色盲测试”了解更多。

可访问性是另一个主题（除了颜色谈话）。对于需要为使用屏幕阅读器等的人编写网站代码的人来说，很少有额外的链接。（顺便说一句，据我了解，在美国政府网站必须符合第 508 节：http ://www.section508.gov/ 。没有这样的事情在芬兰，我们的公共部门网站吸了很多时间，而不仅仅是可访问性......）

最后的想法。将内容与演示分开是（几乎）一切的关键。不要使用表格进行布局，不要使用内联 HTML 样式：使用 CSS。编写有效的 HTML 代码，不要使用弹出窗口和花哨的效果。至少不要依赖它们（并且规则总是有例外......）。牢记优雅降级：http ://accessites.org/site/2007/02/graceful-degradation-progressive-enhancement/

抱歉（几乎是题外话）更新咆哮。让我们不要设计很酷的网页，让我们确保内容对每个人都可用。

于 2012-04-09T16:03:56.613 回答
1

据我了解，当专业人士进行对色彩敏感的工作时，他们必须校准他们的显示器，这样他们才能确定他们所看到的。除非您可以追踪您在特定操作系统或浏览器上看到的颜色差异，否则我认为您无能为力（除非您想让用户进行浏览器内校准并动态调整颜色！） .

于 2012-04-09T15:31:39.630 回答