The source filename of the image element must not be part of its text alternative

Description

Rule id: alt-text-include-filename.

The rule determines if an alternative description for the image (alt attribute) contains a filename. Basically, it searches for filenames with the following extensions:

  • apng
  • avif
  • bmp
  • gif
  • jpeg
  • jpg
  • png
  • svg
  • tif
  • tiff
  • webp

What’s wrong with using filenames as alt text?

Using filenames as alt text can be problematic because it doesn’t provide a meaningful description of the image content for screen reader users and search engines. Instead, it’s recommended to provide a descriptive text that accurately represents the image content.

How does using a meaningful description for alt text benefit search engines?

Using a meaningful description for alt text benefits search engines by providing context and relevance for the image, which can improve the image’s visibility and ranking in search results. It also helps screen reader users understand the content of the image, making it more accessible to all users.

How to fix it

Avoid setting alt attribute with a filename for the image and instead provide a meaningful description of what the image is about.

Standard

Accessibility, Best Practices, Sitelint