Aktueller Check

transgourmet.de

https://transgourmet.de

Geprüfte URL: https://transgourmet.de/ Seite öffnen

Letzter Scan am 09.04.2026, 11:19

Mittel 22 Probleme 5 Kategorien mit Problemen

Diese Website weist mehrere Probleme mit der Barrierefreiheit auf, insbesondere in den Bereichen Labels und Formulare.

Score

59

Automatisch berechnete Bewertung für den neuesten Scan.

Score

59

Status

Mittel

Probleme

22

Kategorien

5

Letzter Scan

09.04.2026, 11:19

Automatische Scans dienen als Orientierung und ersetzen keine vollständige manuelle Prüfung. Mehr dazu

Wie sich der Score zusammensetzt

Probleme im Überblick

Schneller Überblick über die Arten von Problemen im neuesten Scan.

Kategorie

Kontrast

1 Problem

Kategorie

Labels

4 Probleme

Kategorie

Formulare

4 Probleme

Kategorie

Struktur

1 Problem

Kategorie

Sonstiges

12 Probleme

Alle gefundenen Probleme

Die Probleme des neuesten Scans sind nach Kategorie gruppiert und verständlicher beschrieben.

Kontrast

1 Problem

1 Problem Alle Probleme anzeigen

Zu geringer Kontrast erschwert das Lesen von Texten deutlich.

Technische Details anzeigen

Originalmeldung: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 1:1. Recommendation: change text colour to #767676.

Selector: #block-content > article > div:nth-child(1) > div:nth-child(1) > div > tg-section > tg-two-columns > div:nth-child(2) > div > div > div > tg-section > p:nth-child(1)

Kontext: <p>Die digitale Wissensplattform f...</p>

Labels

4 Probleme

4 Probleme Alle Probleme anzeigen

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #search-api-decoupled-ui-search-block-form--2 > div:nth-child(1) > tg-text-input > input

Kontext: <input type="text" slot="input" class="search-input" name="text" maxlength="128" placeholder="Suchen..." autocomplete="off" data-test="search-input">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #search-api-decoupled-ui-search-block-form--2 > div:nth-child(1) > tg-text-input > input

Kontext: <input type="text" slot="input" class="search-input" name="text" maxlength="128" placeholder="Suchen..." autocomplete="off" data-test="search-input">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title , aria-label , aria-labelledby .

Selector: #search-api-decoupled-ui-search-block-form--2 > div:nth-child(1) > tg-text-input > input

Kontext: <input type="text" slot="input" class="search-input" name="text" maxlength="128" placeholder="Suchen..." autocomplete="off" data-test="search-input">

Elemente ohne aussagekräftige Beschriftung sind für Screenreader und Formulare schwer nutzbar.

Technische Details anzeigen

Originalmeldung: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

Selector: #search-api-decoupled-ui-search-block-form--2 > div:nth-child(1) > tg-text-input > input

Kontext: <input type="text" slot="input" class="search-input" name="text" maxlength="128" placeholder="Suchen..." autocomplete="off" data-test="search-input">

Formulare

4 Probleme

4 Probleme Alle Probleme anzeigen

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "block-garnet-search-block--2" found on the web page.

Selector: #block-garnet-search-block--2

Kontext: <div class="search-api-decoupled-ui-search-block-form search-form max-h-[2.5rem] overflow-hidden" data-drupal-selector="search-api-decoupled-ui-search-block-form-2" id="block-ga...

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "search-api-decoupled-ui-search-block-form--2" found on the web page.

Selector: #search-api-decoupled-ui-search-block-form--2

Kontext: <form region="search" action="/search" method="get" id="search-api-decoupled-ui-search-block-form--2" accept-charset="UTF-8"> <div class="js-form-item...</form>

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "edit-actions--2" found on the web page.

Selector: #edit-actions--2

Kontext: <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--2"><input class="hidden button js-...</div>

Formularfelder ohne gute Struktur oder Beschriftung sind besonders für Screenreader-Nutzer schwer zugänglich.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "edit-submit--2" found on the web page.

Selector: #edit-submit--2

Kontext: <input class="hidden button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" value="Suche">

Struktur

1 Problem

1 Problem Alle Probleme anzeigen

Unklare Seitenstruktur erschwert Orientierung, Vorlesen und Navigation mit assistiven Technologien.

Technische Details anzeigen

Originalmeldung: Duplicate id attribute value "portal--header" found on the web page.

Selector: #portal--header

Kontext: <div id="portal--header" class="mr-6"></div>

Sonstiges

12 Probleme

12 Probleme Alle Probleme anzeigen

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(7)

Kontext: <tg-hero justify="left" align="bottom" slot="slide-0" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(8)

Kontext: <tg-hero justify="left" align="bottom" slot="slide-1" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(9)

Kontext: <tg-hero justify="left" align="bottom" slot="slide-2" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(10)

Kontext: <tg-hero justify="left" align="bottom" slot="slide-3" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(11)

Kontext: <tg-hero justify="left" align="bottom" slot="slide-4" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(12)

Kontext: <tg-hero justify="left" align="bottom" slot="slide-5" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(13)

Kontext: <tg-hero justify="left" align="bottom" slot="over-0" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(14)

Kontext: <tg-hero justify="left" align="bottom" slot="over-1" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(15)

Kontext: <tg-hero justify="left" align="bottom" slot="over-2" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(16)

Kontext: <tg-hero justify="left" align="bottom" slot="over-3" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(17)

Kontext: <tg-hero justify="left" align="bottom" slot="over-4" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Align attributes .

Technische Details anzeigen

Originalmeldung: Align attributes .

Selector: #block-content > article > div:nth-child(1) > div:nth-child(2) > div > tg-section > tg-carousel > tg-hero:nth-child(18)

Kontext: <tg-hero justify="left" align="bottom" slot="over-5" style="width: 100%; min-width: 100%;"> <div slot="media"> ...</tg-hero>

Historie

1 Scan insgesamt

09.04.2026, 11:19

Aktueller Scan

https://transgourmet.de/

Erster Scan

Score

59

Status

Mittel

Probleme

22

Wie barrierefrei ist transgourmet.de aktuell?

Kurze Einordnung des aktuellen automatischen Scans mit den wichtigsten Signalen zu Status, Problemen und Entwicklung.

transgourmet.de erreichte im neuesten automatischen Scan vom 09.04.2026, 11:19 den Status Mittel bei einem Score von 59.

Auffällig waren vor allem Probleme in den Bereichen Sonstiges und Labels. Insgesamt wurden 22 Probleme in 5 Kategorien erkannt.

Einzelne technische Auffälligkeiten können sehr unterschiedlich sein und sollten immer im Zusammenspiel mit dem restlichen Seitenergebnis gelesen werden. Mehr dazu im Themenartikel Automatische Scans richtig einordnen .

Der Eintrag basiert auf einem automatischen Scan und dient als Orientierung. Für eine verlässliche Gesamtbewertung der Barrierefreiheit bleibt eine manuelle Prüfung wichtig.

Wie istbarrierefrei.de scannt und wie der Score einzuordnen ist, erklärt der Artikel Wie der Score auf istbarrierefrei.de zustande kommt .

Mehr zur Einordnung solcher Ergebnisse steht im Artikel Automatische Scans richtig einordnen .

Weiterführende Informationen

Wenn Sie das Ergebnis besser einordnen möchten, finden Sie hier zwei weiterführende Artikel aus dem Themenbereich.

© 2026 istbarrierefrei.de

Ein Projekt von studiokpz