第508节和样式表

Question

我是样式表和第508节的新手。我正在努力理解它。

据我所知，样式表提供了一些有关如何显示网页的具体细节。例如，它可以提及用于页面中所有元素/特定元素的颜色，字体和大小。

508条款中的一个标准规定，我们不应覆盖用户在操作系统或浏览器级别可能进行的字体，颜色和对比度设置。在这种情况下，我们应该如何尊重这一点？拥有样式表的想法是拥有我们自己独特，更令人印象深刻和可用的风格。因此，我们将在样式表中拥有自己的字体，颜色等。

如果要满足此标准，我们不应覆盖UI中的任何字体/颜色/对比度，这与使用样式表的想法有点矛盾。不是吗？那么我们是否应该提供另一个使用高对比度细节的样式表，这也是我们自己的字体，颜色等，或者提供使用我们的UI而没有样式表的选项？请指教。

提前致谢。

Answer 1

样式表本身（或至少CSS）已经为此提供了一种合适的机制：用户样式表。用户可以在其用户代理中设置任何样式，如果后缀为!important规则，则覆盖作者的定义。

此外，关于字体，作者可以指定用户指定的字体系列。其中包括serif，sanf-serif和monospace。

您还可以使用system colors指定元素的前景色和背景色，以确保对比度，例如

background-color: Window;
color: WindowText;

这将确保系统定义颜色的易读性和使用。

Answer 2

您使用的是哪种语言？某些语言允许您以编程方式更改对象的样式;其他人你将不得不使用JavaScript。您不能依赖508c的合规性。

Answer 3

它们比其他任何东西都更具指导性。如果您的设计无论默认字体大小或其他任何内容都能正常运行，那么请随意保留它。如果没有，没有大事。有整页缩放，屏幕反转，如果一切都失败了，关闭CSS（或CSS覆盖），如果有人真的不喜欢你的设计。

要记住的最重要的部分是您的用户可以具有与您习惯的默认值不同的默认值。如果更改前景色，则还应更改背景色，反之亦然，因为用户可能已将其设置为与预期颜色不同的颜色。如果在一个地方设置文本的字体大小，则应该在任何地方设置文本的字体大小（最好是body或html）。通常，当您更改一个设置时，要确保它永远不会与用户的默认值冲突，必要时覆盖这些默认值。

Answer 4

样式表实际上可以帮助您遵守508，WCAG和（在英国）的残疾歧视法案。值得注意的是，在许多情况下，它们比指导方针更强大，它们是法律。

您使用样式表使页面看起来很有用，如果用户有特殊需要，他们可以选择“关闭”样式表，甚至用自己的样式表替换它们。

考虑到这一点，您可以在样式表中设置您喜欢的任何值（请参阅下面的注释），但也可以在完全关闭时检查您的网站是否正常工作（您可以通过取出对样式表的引用来测试它，或者如果您使用的是Firefox，请使用Web Developer Toolbar。

注意：当我说“你喜欢什么价值”时，你应该仍然试图确保你选择的值至少提供80％的对比度 - 即黄色背景上没有白色文字等

Answer 5

BBC做了很好的工作，解释了许多可访问性标准并提供了参考。我认为此页面对您有所帮助：http://www.bbc.co.uk/guidelines/futuremedia/accessibility/colour_contrast.shtml