---
title: "A: Abbildungen müssen einen Alternativtext besitzen (WCAG 1.1.1)"
description: "A: Abbildungen müssen einen Alternativtext besitzen (WCAG 1.1.1) SiteCockpit Monitoring"
---

[Zu Content springen](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt#main-content)

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

Deutsch

Untermenü für Übersetzungen anzeigen

![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)

Hauptnavigation öffnen

Hauptnavigation schließen

- [Tickets](https://hub.sitecockpit.com/portal)
- [Dokumentation](https://help.sitecockpit.com/de/dokumentation)
- [Abmelden](https://146086235.hs-sites-eu1.com/_hcms/mem/logout)
- - [Deutsch](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt)
    - [English](https://help.sitecockpit.com/en/documentation/easymonitoring-checks/automated-checks/image-alt)
  
  
  
  
  
  
  Deutsch
  
  Untermenü für Übersetzungen anzeigen
- [Kontakt](mailto:kontakt@sitecockpit.com)

[Kontakt](mailto:kontakt@sitecockpit.com)

 Wie können wir Ihnen helfen?

- Es gibt keine Vorschläge, da das Suchfeld leer ist.

1. [Dokumentation](https://help.sitecockpit.com/de/dokumentation?hsLang=de)
2. [Backend](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de)
3. [easyMonitorung automatische Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-automatische-pr%C3%BCfpunkte)

# A: Abbildungen müssen einen Alternativtext besitzen (WCAG 1.1.1)

## image-alt

- [**Bedeutung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt#Das-bedeutet)
- [**Auswirkung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt#Auswirkung)
- [**Empfehlung**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt#Empfehlung)
- [**Beispiele**](https://help.sitecockpit.com/de/dokumentation/easymonitoring-checks/automatische-pruefungen/image-alt#Beispiel)

Stellt sicher, dass `<img>` Elemente einen Alternativtext oder eine ARIA Rolle mit dem Wert `none` oder `presentation` besitzen.

### **Das bedeutet**

Jedes sinntragende Bild braucht einen aussagekräftigen Alt Text. Ohne Alt Text bleibt der Zweck der Abbildung für Screenreader unsichtbar. Dekorative Bilder bekommen keinen gesprochenen Namen und werden für Assistive Technologien ausgeblendet.

### **Auswirkung**

Ohne passenden Namen wissen **Nutzerinnen und Nutzer** nicht, was ein Bild vermittelt. Wichtige Informationen gehen verloren, Interaktionen werden unklar und es droht ein WCAG Verstoß.

### **Empfehlung**

- **Inhaltliche Bilder:** kurzen, zweckorientierten Alt Text vergeben.
- **Icons in Links oder Schaltflächen:** sichtbaren Text bevorzugen; sonst `aria-label` am Steuerlement oder sinnvollen Alt Text am Bild.
- **Rein dekorative Bilder:** `alt=""` und optional `role="presentation"` oder `aria-hidden="true"`.
- **Komplexe Grafiken:** Kurzfassung in `alt`, Details als sichtbare Beschriftung, z. B. mit `<figure>` und `<figcaption>` oder `aria-describedby`.
- **Logos:** Alt Text mit dem Namen der Organisation.
- Keine Dateinamen, kein Keyword Füllen, keine Phrasen wie „Bild von“.

### **Beispiel**

*Problematisch*

```
<!-- Kein Alternativtext --><img src="team.jpg"> <!-- Bild trägt die Bedeutung, alt aber leer --><img src="umsatz-2024.png" alt=""> <!-- Link nur mit Icon, ohne Name --><a href="/download"><img src="download.svg"></a>
```

*Besser*

```
<!-- Sinntragendes Bild --><img src="team.jpg" alt="Team der Musterfirma"> <!-- Diagramm mit Kurzinfo; Details in der Bildunterschrift --><figure>  <img src="umsatz-2024.png" alt="Umsatz 2024 steigt von Januar bis Juni">  <figcaption>Monatliche Umsätze in Tsd. Euro</figcaption></figure> <!-- Link mit sichtbarem Text --><a href="/download">PDF herunterladen</a> <!-- Icon rein dekorativ --><img src="divider.svg" alt="" role="presentation"> <!-- Logo --><img src="logo.svg" alt="SiteCockpit">
```

**Verknüpfte WCAG-Kriterien:**  
[WCAG 1.1.1 - Nicht-Text-Inhalt](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html)

- [Allgemeines](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#main-content)
  
  
  
  
  
    - [Informationen](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#informationen)
    - [Dashboard](https://help.sitecockpit.com/de/dokumentation/allgemeines?hsLang=de#dashboard)
- [Backend](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#main-content)
  
  
  
  
  
    - [easyVision](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyvision)
    - [easyMonitoring](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitoring)
    - [easyMonitorung manuelle Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-manuelle-pr%C3%BCfpunkte)
    - [easyMonitorung automatische Prüfpunkte](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easymonitorung-automatische-pr%C3%BCfpunkte)
    - [easyAI](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easyai)
    - [easyStatement](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easystatement)
    - [Contrast Checker](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#contrast-checker)
    - [easyLanguage](https://help.sitecockpit.com/de/dokumentation/backend?hsLang=de#easylanguage)
- [Integration easyVision](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#main-content)
  
  
  
  
  
    - [Einrichtung](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#einrichtung)
    - [Installation](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#installation)
    - [Browser Erweiterungen](https://help.sitecockpit.com/de/dokumentation/integration-easyvision?hsLang=de#browser-erweiterungen)
- [Servicepartner](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#main-content)
  
  
  
  
  
    - [Allgemeine Informationen](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#allgemeine-informationen)
    - [Stripe](https://help.sitecockpit.com/de/dokumentation/servicepartner?hsLang=de#stripe)
- [Support](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#main-content)
  
  
  
  
  
    - [FAQ](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#faq)
    - [Ticketsystem](https://help.sitecockpit.com/de/dokumentation/support?hsLang=de#ticketsystem)

[![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