2017-05-06 88 views
0

在網頁中有一段:關注我們:Facebook,Twitter。社交網絡圖標缺失標題。當我檢查網頁代碼時,我看到: title屬性值丟失: 雖然開發者說這些圖標清晰明瞭,但缺少標題並不是一種很好的可訪問性實踐。而且,正如我強調的那樣,代碼也不符合正確的HTML標準。請建議如果代碼中缺少title屬性值還有什麼問題。社交網絡圖標缺少標題屬性值

+0

你應該添加一些代碼片斷,因爲它,如果你與一個'div'元件上一個標題''一個屬性alt'或CSS背景圖像談論一個'img'標籤目前尚不清楚'屬性 – Adam

+0

@Adam說什麼,我們需要看一個代碼示例。此外,您可要注意了'title'屬性在不同的上下文中的影響:https://www.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/ – aardrian

+1

你問另一個類似的問題,並有代碼,這是同一個問題嗎? http://stackoverflow.com/questions/43822590/missing-tooltip-for-facebook-twitter-icons – aardrian

回答

2

此上下文中缺少title屬性(在<a href>上)沒有可訪問性問題。不要在這裏使用它。

https://www.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/

情況,其中的title屬性是沒有用的,由於缺乏支持:

  • 對手機瀏覽器查看網頁內容顯示信息。通常在桌面瀏覽器中,標題屬性內容顯示爲工具提示。根據我的發現,任何移動瀏覽器都不支持工具提示顯示,並且不支持訪問標題屬性內容的其他可視方法。
  • 爲不能使用鼠標的人員提供信息。通常在桌面瀏覽器中,標題屬性內容顯示爲工具提示。儘管工具提示行爲已經支持了10年以上,但尚未有瀏覽器(除IE10 + [可聚焦元素]之外)實現了使用鍵盤顯示標題屬性內容的實用方法。
  • 在大多數HTML元素上使用它來爲各種輔助技術的用戶提供信息。訪問標題屬性信息不會被屏幕閱讀器

因爲上面是從我的答案複製到your other question均勻支撐,這個問題是不明確哪些因素有title,一些詳細信息...

https://www.paciellogroup.com/blog/2016/02/short-note-on-use-of-alt-and-the-title-attribute/

  • ALT =「」是一個標準化的指示屏幕閱讀器軟件,該裝飾是,可以安全地忽略d。 2015年由Powermapper測試:帶有空ALT和非空TITLE屬性的IMG發現了alt =「」+非空標題的問題。
  • 缺少alt屬性的結果,在某些屏幕閱讀屏幕閱讀器軟件中,不會傳達給用戶。
    • 注意:在Windows 10上使用JAWS 17和Chrome 48發現此問題。2015年Powermapper測試:IMG with TITLE屏幕閱讀器兼容性未發現此模式的問題。
  • 某些瀏覽器實現了HTML5要求,即alt =「」等於role =「presentation」,這會導致從可訪問性樹中刪除,因此儘管存在非空標題,它仍被隱藏。