Images: More Than Meets the Eye

Images add flavor, but without proper implementation, they are invisible walls for some users.

• Informative Images: Use the alt attribute to describe the function or content. If a button is an icon of a printer, the alt text should be “Print Document,” not “Small blue printer icon.”
• Decorative Images: If an image is purely for “vibes” (like a background swirl), use alt="". This tells screen readers to skip it entirely.
• Complex Graphics: For charts or maps, a short alt-tag isn’t enough. Provide a text summary or a data table nearby.