鉻22和CSS（負左）可訪問性問題

我目前正在開發一個接口可訪問AA。通過將Chrome更新到版本22，所有CSS都保留：-9999999999999999999px不再有效。鉻22和CSS（負左）可訪問性問題

該項目基於導航選項卡。

是否有另一種隱藏內容的方式，同時保持屏幕閱讀器可訪問而不會降低顯示效果？

謝謝你的幫助。

我找到了解決辦法：左：-9999999px是由Chrome 22 接受對不起，我不能回答後最大負值...

來源

2012-10-05 Val Entin

添加一個基本的代碼示例，該代碼無法使有用的答案成爲可能。 – fuxia

我找到了解決方案： left：-9999999px是Chrome接受的最大負值22 22 –

堅持約。 -9999px，你會避免問題。 [替換-9999px黑客（新圖片替換）]（http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/）的優勢尚未得到證實但它也有效，並且不會損害afaik – FelipeAls

另一種選擇是修剪方法。指定類=「隱藏」你要隱藏的元素：當你想展示的內容

.hidden { 
    clip: rect(1px, 1px, 1px, 1px); 
    position: absolute !important; 
}

然後刪除該班級。這裏有更多的細節以及其他各種方法： http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

來源

2012-10-09 16:42:53

感謝您的鏈接，我發現了一些有趣的技術。 –

鉻22和CSS（負左）可訪問性問題

回答

相關問題