org.sonar.l10n.web.rules.Web.LinkToImageCheck.html Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of sonar-web-plugin Show documentation

Analyze HTML (also within PHP/Ruby/etc. templates) and JSP/JSF code.

The newest version!


Whenever a user clicks one a link that targets an image, the website's navigation menu will be lost.
From a user point of view, it is as if she left the website.
The only way to return to it is using the browser's 'Back' button.
Instead, it is better to create a page which will display the image using the <img> tag and preserve the navigation menu.



Further, in terms of accessibility, when the image is embedded into a page, content providers are able to provide an alternate text equivalent through the alt attribute.


Noncompliant Code Example

<a href="image.png">...</a>  <!-- Non-Compliant -->


Compliant Solution

<a href="page.html">...</a>  <!-- Compliant -->