README.md

htmlacademy/link-req-content

Правило проверяет наличие текстового содержания у ссылок. WCAG 2.1 требует, чтобы каждая ссылка <a> содержала текст, описывающий назначение ссылки, используя либо обычный текст, либо <img> с установленным атрибутом alt.

Правило распознаёт следующие шаблоны:

• Текст (не пробелы) внутри ссылки
• Изображения с непустым альтернативным текстом
• aria-label либо на ссылке, либо по крайней мере на одном потомке.

true

Проблемными считаются следующие шаблоны:

<a>
  <img src="images/cat.gif" width="100" height="1000">
</a>

<a href="#">
  <svg>...</svg>
</a>

Следующие шаблоны не считаются проблемами:

<a href="#">
  lorem ipsum
</a>

<a href="#">
  <img src="images/cat.gif" width="100" height="100" alt="cat page">
</a>

<a href="#" aria-label="lorem ipsum"></a>