---
title: "A: Images must have alternative text (WCAG 1.1.1)"
description: "A: Images must have alternative text (WCAG 1.1.1) SiteCockpit Monitoring"
---

[Skip to content](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt#main-content)

- [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt)
- [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt)

English

Show submenu for translations

![SiteCockpit Logo](https://help.sitecockpit.com/hs-fs/hubfs/siteCockpit%20mit%20claim_rgb.png?width=328&height=92&name=siteCockpit%20mit%20claim_rgb.png)

- [Tickets](https://hub.sitecockpit.com/portal)
- [Dokumentation](https://help.sitecockpit.com/de/dokumentation)
- [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout)

Open main navigation

Close main navigation

- [Tickets](https://hub.sitecockpit.com/portal)
- [Dokumentation](https://help.sitecockpit.com/de/dokumentation)
- [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout)
- - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt)
    - [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt)
  
  
  
  
  
  
  English
  
  Show submenu for translations
- [Contact us](mailto:kontakt@sitecockpit.com)

[Contact us](mailto:kontakt@sitecockpit.com)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Documentation](https://help.sitecockpit.com/en/documentation?hsLang=en)
2. [Backend](https://help.sitecockpit.com/en/documentation/backend?hsLang=en)
3. [easyMonitorung automatic checks](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitorung-automatic-checks)

# A: Images must have alternative text (WCAG 1.1.1)

## image-alt

- [**Meaning**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt#This-means)
- [**Impact**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt#Impact)
- [**Recommendation**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt#Recommendation)
- [**Examples**](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt#Example)

Ensure that `<img>` elements have alternative text or an ARIA role with the value `none` or `presentation`.

### **This means**

Every meaningful image needs a descriptive alt text. Without alt text, the purpose of the image remains invisible to screen readers. Decorative images receive no spoken name and are hidden from assistive technologies.

### **Impact**

Without an appropriate name, **users** do not know what an image conveys. Important information is lost, interactions become unclear, and a WCAG violation is at risk.

### **Recommendation**

- **Content images:** assign short, purpose-oriented alt text.
- **Icons in links or buttons:** prefer visible text; otherwise use `aria-label` on the control element or meaningful alt text on the image.
- **Purely decorative images:** use `alt=""` and optionally `role="presentation"` or `aria-hidden="true"`.
- **Complex graphics:** short summary in `alt`, details as visible caption, e.g., with `<figure>` and `<figcaption>` or `aria-describedby`.
- **Logos:** alt text with the name of the organization.
- No file names, no keyword stuffing, no phrases like “image of”.

### **Example**

*Problematic*

```
<!-- No alternative text --><img src="team.jpg"> <!-- Image carries meaning, but alt is empty --><img src="umsatz-2024.png" alt=""> <!-- Link only with icon, no name --><a href="/download"><img src="download.svg"></a>
```

*Better*

```
<!-- Meaningful image --><img src="team.jpg" alt="Team of Musterfirma"> <!-- Chart with brief info; details in caption --><figure>  <img src="umsatz-2024.png" alt="Sales 2024 rising from January to June">  <figcaption>Monthly sales in thousand euros</figcaption></figure> <!-- Link with visible text --><a href="/download">Download PDF</a> <!-- Icon purely decorative --><img src="divider.svg" alt="" role="presentation"> <!-- Logo --><img src="logo.svg" alt="SiteCockpit">
```

**Related WCAG criterion:**  
[WCAG 1.1.1 - Non-text Content](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html)<https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html>

- [General Information](https://help.sitecockpit.com/en/documentation/general-information?hsLang=en#main-content)
  
  
  
  
  
    - [Information](https://help.sitecockpit.com/en/documentation/general-information?hsLang=en#information)
    - [Dashboard](https://help.sitecockpit.com/en/documentation/general-information?hsLang=en#dashboard)
- [Backend](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#main-content)
  
  
  
  
  
    - [easyVision](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easyvision)
    - [easyMonitoring](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitoring)
    - [easyMonitorung manual checks](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitorung-manual-checks)
    - [easyMonitorung automatic checks](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easymonitorung-automatic-checks)
    - [easyAI](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easyai)
    - [easyStatement](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easystatement)
    - [Contrast Checker](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#contrast-checker)
    - [easyLanguage](https://help.sitecockpit.com/en/documentation/backend?hsLang=en#easylanguage)
- [easyVision integration](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#main-content)
  
  
  
  
  
    - [Setup](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#setup)
    - [Installlation](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#installlation)
    - [Browser Extensions](https://help.sitecockpit.com/en/documentation/easyvision-integration?hsLang=en#browser-extensions)
- [Servicepartner](https://help.sitecockpit.com/en/documentation/servicepartner?hsLang=en#main-content)
  
  
  
  
  
    - [General Information](https://help.sitecockpit.com/en/documentation/servicepartner?hsLang=en#general-information)
    - [Stripe](https://help.sitecockpit.com/en/documentation/servicepartner?hsLang=en#stripe)
- [Support](https://help.sitecockpit.com/en/documentation/support?hsLang=en#main-content)
  
  
  
  
  
    - [FAQ](https://help.sitecockpit.com/en/documentation/support?hsLang=en#faq)
    - [Ticket system](https://help.sitecockpit.com/en/documentation/support?hsLang=en#ticket-system)

[![siteCockpit rgb](https://help.sitecockpit.com/hs-fs/hubfs/siteCockpit%20rgb.png?width=200&height=42&name=siteCockpit%20rgb.png "siteCockpit rgb")](https://www.sitecockpit.com/)

Telefon: +49(0)30 403 64 98 98  
E-Mail: kontakt@sitecockpit.com

<https://www.facebook.com/sitecockpit/> <https://de.linkedin.com/company/sitecockpit> <https://www.instagram.com/sitecockpit/> <https://www.youtube.com/@SiteCockpit> [mailto:kontakt@sitecockpit.com](mailto:kontakt@sitecockpit.com)

Copyright © 2025, Site Cockpit GmbH