Alert: Changes are coming to ADA Title II. Learn more about the ATI's Digital Content Accessibility Action Plan (DCAAP)!

By April 24, 2026, George Mason University must ensure all its websites and mobile apps comply with ADA Title II and Web Content Accessibility Guidelines (WCAG) 2.1 AA - making digital content accessible for everyone, including people with disabilities. Click the link below to learn more about the ATI's plan for this effort!Read more
Assistive Technology Initiative

Provide a text alternative for images (e.g., logos, pictures, icons)

Contact the Accessible Media Coordinator

Robert Starr
Accessible Media Coordinator

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-5644
Fax: 703-993-4743
[email protected]

Contact the IT Accessibility Coordinator

Kristine Neuber
IT Accessibility Coordinator

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-9815
Fax: 703-993-4743
[email protected]

Have Assistive Technology Questions? Contact Us!

Korey Singleton
Deputy ADA Coordinator for Accessibility and ATI Manager

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-4329
Fax: 703-993-4743
[email protected]

Have questions? Contact the ATI:

Assistive Technology Initiative
MS: 6A11
Voice: 703-993-4329
Fax: 703-993-4743
[email protected]

The alt attribute (short for alternative text) is an attribute of the img tag and is meant to be an alternative for non-visual users (i.e., individuals who use a screen reader) when they encounter images on your website.

Screen reading applications cannot interpret images. For that reason, it is important that web designers and developers provide alt text that can be read aloud when the screen-reading application encounters an image. Below is an example of the ATI logo with an appropriate alt text description.

assistive technology initiative logo

 

HTML Code Example

<img decoding="async" src="ATI-Logo-small-1.jpg" alt="assistive technology initiative logo"/>

Another benefit of alt text is when an image does not load properly on a website. Instead of encountering a blank placeholder icon on the web page, the user will see the alt text displayed. This benefits all users as important can still be relayed to those individuals browsing your website.

 


Use empty “alt” tags for decorative images

Empty alt attributes hide decorative images, allowing screen reading applications to simply skip past them. This technique is useful for background images and aesthetic elements that hold no functional or instructional purpose.

Without an empty alt attribute, screen readers typically might read the filename of the image or simply indicate there is an image without an additional information. This can be confusing for individuals who are unable to see the image. Below is an example of the same ATI logo with an empty alt attribute.

 

HTML Code Example

<img decoding="async" src="ATI-Logo-small-1.jpg" alt=""/>