AVT- Image alt text must not be redundant with adjacent link text.

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Summary

The alt attribute is required for all images and must provide text that can be used in place of the image. When the image is decorative or redundant, this alt attribute must contain the empty string, which is referred to as null alt text.

Steps to reproduce

GitLab->CI/CD->Jobs

What is the expected correct behavior?

The alternative text for an image is read by assistive technologies or shown by browsers that cannot display the image. When the alternative text is the same as adjacent text for a link, the user is presented with the same text twice, which is redundant and can cause confusion. For example, for a menu where each item has an icon and adjacent link text, the user might hear "File File, Edit Edit, Exit Exit". If the alt attribute of the icon is set to the empty string, the user would simply hear "File, Edit, Exit".

Possible fixes

Let alt attribute contain the empty string as null (alt=""). For example:

  <a href="users.html"><img src="usersicon.gif" alt=""> Users</a>

Relevant screenshots

Edited by 🤖 GitLab Bot 🤖