内联风格对于屏幕阅读器有害吗?

时间:2010-04-07 05:26:00

标签: css xhtml accessibility screen-readers w3c-validation

实施例

<span style="BACKGROUND-COLOR: #ffd700">Background color</span>

屏幕阅读器如何处理内联css?除了CSS管理之外还有其他内联CSS吗?

内联样式也有效。我使用W3C Validator和XHTML 1.0 Strict doctype进行了测试?

<p><span style="MARGIN-RIGHT: 0px">Left indent</span></p>

3 个答案:

答案 0 :(得分:5)

  

屏幕阅读器如何处理内联css?

与任何其他CSS相同。

  

除了CSS管理之外还有其他内联CSS吗?

与带宽相关的成本。

答案 1 :(得分:0)

内联样式很难管理和覆盖。如果您设置颜色和边框,它们可能会覆盖您的打印样式表。我在打印预览中看到了黄色链接......显然不是作者的意图,而是非常糟糕的用户体验。

屏幕阅读器仅尊重display属性,不使用display:none来表达元素。你在哪里宣布它并不重要。

答案 2 :(得分:-1)

内联css对屏幕阅读器不好。只是它不那么有用/

但如果你想以其他方式给出风格/ 如果可以,请使用它;

div.blabla p span{margin-right: 0px;}

或使用jquery /

赋予该样式
$("div#blabla").css("display","none");