如何修复灯塔“链接没有可识别的名称”
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,则可能会显示此错误,请检查这不是案例.
如果以上都不是,那么您可以安全地忽略此警告。
我有一个错误:
链接没有可识别的名称。
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,则可能会显示此错误,请检查这不是案例.
如果以上都不是,那么您可以安全地忽略此警告。