A11y 错误:链接没有可识别的名称

Jac*_*ues 1 html accessibility

我有一个错误:

链接没有可识别的名称 链接文本(以及图像的替代文本,当用作链接时)是可识别的、唯一的且可聚焦的,可以改善屏幕阅读器用户的导航体验。了解更多。

我试图包含一个 aria-label 但它不起作用。这会产生错误:

<a href="https://...../demo/index.php/Products/Description/Apple-Cinema-27/products_id-1" c="Apple Cinema 27">
  <img src="images/products/130_61ajN-dgGxL._SL1000_.jpg"
       alt="Apple Cinema 27"
       title="Apple Cinema 27"
       width="130"
       height="130"
       class="media-object img-fluid">
</a>
Run Code Online (Sandbox Code Playgroud)

谢谢

小智 10

尝试使用 aria-label="...." - 这是图像的替代文本。

<a
   href="https://...../demo/index.php/Products/Description/Apple-Cinema-27/products_id-1"
   data-c="Apple Cinema 27"
   aria-label="yourdescription">
Run Code Online (Sandbox Code Playgroud)