2010-04-07 42 views
2

內聯風格對屏幕閱讀器不利嗎?

<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> 
+0

我以爲屏幕閱讀器會忽略所有的樣式? – Nitrodist 2010-04-07 06:58:33

+1

不。他們閱讀屏幕上的內容和DOM中的內容。應用屏幕媒體樣式表(例如'display:none'隱藏屏幕閱讀器的內容)。 – Quentin 2010-04-07 08:29:31

回答

5

如何屏幕閱讀器手柄內聯CSS?

與其他任何CSS相同。

除了css管理之外,還有其他什麼內聯CSS嗎?

只是帶寬相關的成本。

+0

你的意思是'style =「MARGIN-RIGHT:0px」'對於屏幕閱讀器不是問題。 – 2010-04-07 05:44:02

-1

內聯css對屏幕閱讀器不是不好。只是它不那麼有用/

但如果你想給樣式的其他方式/ 如果你可以使用這個;

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

或給jquery的那種風格/

$("div#blabla").css("display","none"); 
0

內聯樣式都難以管理和覆蓋。如果你設置顏色和邊框,他們可能會覆蓋你的打印樣式表。我在打印預覽中看到了黃色鏈接......顯然不是作者的意圖,而是非常糟糕的用戶體驗。

屏幕閱讀器只承諾display屬性,不要說與display:none元素。你宣佈它的位置並不重要。