У меня есть страница, которая содержит список предметов. Каждый элемент содержит ссылку "Подробнее", которая указывает на другую страницу. Но когда я запускаю инструмент lighthouse на этой странице, он жалуется, что ссылки не содержат описательного текста. Теперь я не могу изменить текст для чтения здесь.
<a href="link 1">Read more</a>
<a href="link 2">Read more</a>
<a href="link 3">Read more</a>
Есть ли какой-нибудь другой способ решить эту проблему?
Да, вы можете использоватьaria-label для того, чтобы предоставить более описательный текст вспомогательным технологиям, таким как программа чтения с экрана.
<a href="link 1" aria-label="some more descriptive text that explains the link">Read more</a>
Ассистивный техник прочтет содержимое aria-label вышел вместо "Подробнее".
Имейте в виду, что введенного вами текста должно быть достаточно, чтобы знать, куда вас приведет ссылка, и не зависеть от контекста (текст ссылки должен иметь смысл сам по себе), если это возможно.
aria-label с приличным описанием вы, безусловно, делаете это правильно, и это может быть неверная отчетность инструмента. Является ли страница общедоступной, если это так, хотите ли вы поделиться с ней URL-адресом? Я с удовольствием посмотрю. aria-label. На самом деле это более надежное решение, но это немного больше работы, вот и все.