Images

Introduction

Assistive technologies have no way of translating an image into words to be read to the user, even if an image consists of only text. As a result, it is necessary for images to have short, descriptive alt text so that assistive technology users clearly understand an image’s content and purpose.

All types of visual information, such as images, are completely useless to some users unless a digital text alternative is provided so that screen readers or braille output devices can convert that text into either sound or braille. The same is true in varying degrees for people with low vision or color-blindness.

WCAG criteria

• 1.1.1 Non-text Content (level A)

Scope of the issue

• The “TMI Trust Company Specialized Trust Services Bond Account Access” header, present throughout the entire application, has no alt text.
• Throughout C3, images function as buttons (see Buttons for more information) and lack alt text.

Fixing the issue

It is recommended that every <img> element has an alt text attribute as well as either role="presentation" or role="none" to convey their purpose and meaning to assistive technologies.