你好,我是新的網路開發人員。我從 wave.webaim.org 收到空按鈕錯誤 - WCAG 2.0 AA 級可訪問性。這就是代碼。
<button type="button" role="presentation" class="owl-prev disabled h-hidden" title="none">
有什么幫助嗎?提前致謝。
uj5u.com熱心網友回復:
“空按鈕錯誤意味著網頁上的按鈕之一為空或不包含描述按鈕功能的文本。或者,如果它是影像按鈕,則按鈕中包含的影像缺少替代文本。” 來源:https : //equalizedigital.com/accessibility-checker/empty-button/
可能是按鈕上沒有文字。如果您不想在按鈕上放置可見文本,您可以放置??一個由螢屏閱讀器讀取的視覺隱藏文本,有時sr-only在 css 中稱為類。更多資訊:如何隱藏文本并使其可由螢屏閱讀器訪問?
uj5u.com熱心網友回復:
您需要在button. 如果您不希望有可見文本,因為您以某種方式設定按鈕樣式,使用上面的 PisteVW 解決方案就可以了。
或者,您可以使用該屬性aria-label="button text here"給按鈕一個標簽。
此外,您需要洗掉role=presentation按鈕執行明確的操作,它不是簡單地指示演示影像,例如:https : //www.w3.org/TR/wai-aria-1.1/#presentation
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/358718.html
標籤:javascript html css WordPress的 可达性
