将'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导航菜单中的锚链接

回答

相关问题