dotnetnuke - 使用 aria-hidden="true" 将 DNN 页面分隔符包裹在 span 中？

Question

DNN 中的默认页面分隔符是“>”字符。它看起来不错，但屏幕阅读器将其读出为“大于”。这不是一个交易破坏者，但它肯定会一页一页地变得烦人。

是否可以使用 aria-hidden="true" 将该分隔符包装在跨度中？

Answer 1

我猜你说的是皮肤文件中的面包屑控件。您可以使用任何 HTML 代码更改分隔符，但您必须对值进行 HTML 编码。当你查看 Xcilion 皮肤的“inner.ascx”文件时，你会发现

Separator="<img src="/Portals/_default/Skins/Xcillion/Images/breadcrumb-arrow.png" alt="breadcrumb separator">"

举个例子。因此，解决方案应该是

<dnn:BREADCRUMB ID="dnnBreadcrumb" runat="server" CssClass="breadcrumbLink" RootLevel="0" Separator="&lt;span aria-hidden=&quot;true&quot;&gt;&nbsp;>&nbsp;&lt;/span&gt;" HideWithNoBreadCrumb="true" />