如何修复灯塔“链接没有可识别的名称”

How to fix Lighthouse “Links do not have a discernible name”

我有一个错误:

链接没有可识别的名称。

Error Links do not have a discernible name

<div id="kt-info-box_55b0dc-d7" class="wp-block-kadence-infobox"><a class="kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-center" href="https://albaytalraqy.com/%d8%b4%d8%b1%d9%83%d8%a9-%d9%86%d9%82%d9%84-%d8%a7%d8%ab%d8%a7%d8%ab/" aria-label="افضل شركة نقل اثاث وعفش بالرياض افضل شركة تخزين بالرياض"><div class="kt-blocks-info-box-media-container"><div class="kt-blocks-info-box-media kt-info-media-animate-none"><div class="kadence-info-box-icon-container kt-info-icon-animate-none"><div class="kadence-info-box-icon-inner-container"><span style="display:block;justify-content:center;align-items:center" class="kt-info-svg-icon kt-info-svg-icon-fe_truck"><svg style="display:inline-block;vertical-align:middle" viewbox="0 0 24 24" height="50" width="50" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><title>افضل خدمات نقل وتخزين الاثاث والعفش بالمملكة العربية السعودية</title><rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle></svg></span></div></div></div></div><div class="kt-infobox-textcontent"><h2 class="kt-blocks-info-box-title">نقل وتخزين الأثاث</h2></div></a></div>

如何解决这个问题?

这可能是误报。

您的 aria-label 提供可访问的 link 文本(锚点本身也有文本)。

一个建议是您可能没有在 HTML 声明中正确设置页面语言,因此它正在努力使用从右到左的语言作为 aria-label(我假设正确离开了,请原谅我的无知!)。

尝试将 lang=(relevant language ISO code) 添加到 <html> 声明中,如果您还没有这样做,看看是否可以解决问题。

另一种可能性是,如果您有两个 link 将使用相同的 link 文本转到相同的 URL,则可能会显示此错误,请检查这不是案例.

如果以上都不是,那么您可以安全地忽略此警告。