將'aria-labels'添加到WordPress導航菜單中的錨鏈接

我需要爲我的WordPress網站中的每個菜單（和子菜單）項目添加自定義詠歎調標籤。它正在運行一個自定義主題。將'aria-labels'添加到WordPress導航菜單中的錨鏈接

我想詠歎調的標籤，包括頁面標題是這樣的：到底

ARIA標籤=「頁面標題」

所以導航菜單的結構將類似於中的每個LI這：

<li id="id_name" class="class_names"><a href="http://linktothepage.com/page" aria-label="TITLE OF MY PAGE">TITLE OF MY PAGE</a></li>

什麼是最有效的方式來做到這一點？過濾器？還有別的嗎？

來源

2017-07-26 Berchman

爲什麼要添加'aria-labels'？在你提供的例子中，它只是重複屏幕閱讀器在沒有它們的情況下發布的內容（鏈接文本）。 – steveax

您必須在<a>標記中有一個title屬性，那麼您真的不需要那麼一個aria-label attr。所有屏幕閱讀器都會自動讀取標籤的標題。

aria-label如果您沒有將內容作爲乾淨的文本，而是更多的HTML代碼，可能已經需要。

當你點擊任何鏈接，就必須添加ATTR aria-selected="true"

所以最終結果是：

<li id="id_name" class="class_names"> 
    <a href="http://linktothepage.com/page" title="TITLE OF MY PAGE">TITLE OF MY PAGE</a> 
</li>

如果在頁面加載導航菜單項是選擇的項目則：

<li id="id_name" class="class_names"> 
    <a href="http://linktothepage.com/page" title="TITLE OF MY PAGE" aria-selected="true">TITLE OF MY PAGE</a> 
</li>

來源

2017-07-26 21:35:05

通過輔助技術[標題屬性不能可靠地發佈]（https://www.paciellogroup.com/blog/2013/01/using-the-html-title-attribute-updated/）。 – steveax

將'aria-labels'添加到WordPress導航菜單中的錨鏈接

回答

相關問題