aria-label和title屬性有什麼區別？

我用我的鏈接/按鈕/ ...上的title=""屬性來詳細說明它們。但引導程序使用了很多aria-label=""屬性，就我所瞭解的可訪問性而言。aria-label和title屬性有什麼區別？

於是我拿出來創建這樣的按鈕：

<button 
    id="show-raw-result" 
    class="btn btn-default btn-sm btn-twigfiddle" 
    title="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw" 
    aria-label="Result was not easily readable so it has been automatically cleaned up, use this button to see the result raw"> 
    <span class="glyphicon glyphicon-asterisk"></span> Show raw result 
</button>

但是複製/粘貼的標題就可以創建一個詠歎調標籤看起來就像醜陋。我應該選擇哪一個，爲什麼？

來源

2015-01-14 Alain Tiemblo

+11

這不應該被標記爲重複。這個問題詢問了詠歎調標題和標題之間的區別，而鏈接的問題不包括標題屬性。 – tagawa

ARIA標籤用於您網站的殘疾訪客。 Bootstrap非常好，它們默認支持它。

無障礙富互聯網應用程序（ARIA）定義的方式，使網站內容和Web應用程序（尤其是那些具有Ajax和JavaScript的開發）殘疾人士更容易獲得。例如， ARIA支持可訪問的導航地標，JavaScript小部件，形式提示和錯誤消息，實時內容更新等。

來源：https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA

要回答你的問題，你應該使用哪一個，只使用title -attribute。因爲如果鼠標移過按鈕並將title的文本顯示爲工具提示，則使用此屬性。用這種方式不支持aria-label。

來源

2015-01-14 22:28:09 tjati

但是屏幕閱讀器仍然只能使用標題嗎？ –

我假設。 ARIA是延長他們的生活的一個延伸。但是「標題」已經有很長一段時間了，他們已經習慣了。 – tjati

好吧。那麼就夠公平了。謝謝 –

aria-label和title屬性有什麼區別？

回答

相關問題