Skip to content

Alert- Image with title

  • WAVE Category: Alert
  • WAVE Alert: Image with title

Page Content Status

  • WAVE Error guidance text
  • Example of a DOM Snippet Generated From WAVE Tool
  • Project Team Error guidance
    • Project Team Page Details
    • Project Team Issue and PR details
    • Project Team Solution
  • Credits/Authors

WAVE Guidance

WAVE Tool's Reference material on Image with title may not specifically address your problem. We provide it here for optional reading.

Click to see WAVE Tool Reference

This content added 2026-03-27. Check for updated guidance at: https://wave.webaim.org/api/docs?format=html#image_title

WAVE Category

Alerts

WAVE Error

Image with title

What It Means

An image has a title attribute value but no alt value.

Why It Matters

The title attribute value for images that lack an alt attribute value will be presented to screen reader users. However, providing image content in the alt attribute typically provides better accessibility, and should be used in most cases. The title attribute will generate a mouse hover tooltip which may or may not be desired - this tooltip will not be presented to touch screen or keyboard users.

What To Do

Ensure the title attribute value presents the content and function of the image. For better accessibility, the alt attribute should be used when possible.

The Algorithm... in English

An image is present that does not have an alt attribute or alt attribute value, but does have a title attribute value.

Standards and Guidelines

Example of a DOM Snippet Generated From WAVE Tool

[HTML snippet showing the problematic code structure that WAVE detected]

Project Team Error guidance

The following material covers how the Project Team has provided a solution to the Image with title WAVE Alert.

Project Page Details

  • Project Page name: [INSERT PAGE NAME or "ALL"]
  • Project Dev URL: [INSERT URL or "N/A"]
  • Requires sign in: [TRUE OR FALSE]
    • Required User Role: [INSERT ONE OF: Visitor, Logged in user, Admin, Security Admin]
    • Can access page directly from URL: [TRUE OR FALSE]
    • Accepts URL parameters: [TRUE OR FALSE]

Project Team Issue and PR details

  • Related GitHub Issue(s):
    • [INSERT ISSUE URL]
  • Related Pull Request(s):
    • [INSERT PR URL]
  • React Component(s)
    • [INSERT PATH: e.g. path/to/Component.jsx]

Project Team Solution

What is the specific problem that was occurring?

[INSERT CONTENT]

What is the proposed solution to this problem?

[INSERT CONTENT]

Step-By-Step Guide

Click to see step-by-step guide

[ADD DETAILED INSTRUCTIONS HERE]

Other Technical Details

Click to see other technical details

[INSERT OTHER DETAILS e.g. Prop References, Return Value ]

Code Snippet With Solution

Click to see code snippets

[INSERT PATH file/path/to/Snippet.jsx]

[Code example showing the fix/solution]

Why the Fix Works

[INSERT CONTENT]

Where this solution is applicable

  • [INSERT SCENARIO 1]
  • [INSERT SCENARIO 2]
  • [INSERT SCENARIO N]

Screenshots of WAVE Error

1. Descriptive Title for Screenshot Set 1

Description/text for image

[INSERT IMAGE HERE]

Credits/Authors

  • @Rabia2219
  • [INCLUDE Contributor 2]
  • [INCLUDE Contributor N]