Aktueller Check

storyable.de

https://storyable.de

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

Letzter Scan am 09.04.2026, 10:43

Gut 6 Probleme 1 Kategorien mit Problemen

Diese Website weist einige Probleme mit der Barrierefreiheit auf, vor allem in den Bereichen Labels.

Score

84

Automatisch berechnete Bewertung für den neuesten Scan.

Score

84

Status

Gut

Probleme

6

Kategorien

1

Letzter Scan

09.04.2026, 10:43

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

Labels

6 Probleme

Alle gefundenen Probleme

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

Labels

6 Probleme

6 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: #contact > div > div:nth-child(1) > div > form > div > input:nth-child(1)

Kontext: <input value="" type="text" placeholder="Ihr Name" required="" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 ring-accent ...

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: #contact > div > div:nth-child(1) > div > form > div > input:nth-child(1)

Kontext: <input value="" type="text" placeholder="Ihr Name" required="" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 ring-accent ...

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

Technische Details anzeigen

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

Selector: #contact > div > div:nth-child(1) > div > form > div > input:nth-child(2)

Kontext: <input value="" type="email" placeholder="Ihre E-Mail" required="" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 ring-acc...

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

Technische Details anzeigen

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

Selector: #contact > div > div:nth-child(1) > div > form > div > input:nth-child(3)

Kontext: <input value="" type="tel" placeholder="Telefon (optional)" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 ring-accent tra...

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

Technische Details anzeigen

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

Selector: #contact > div > div:nth-child(1) > div > form > textarea

Kontext: <textarea placeholder="Ihre Nachricht" rows="5" required="" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 ring-accent tra...

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: #contact > div > div:nth-child(1) > div > form > textarea

Kontext: <textarea placeholder="Ihre Nachricht" rows="5" required="" class="w-full bg-gray-800 border border-gray-700 rounded-lg py-3 px-4 focus:outline-none focus:ring-2 ring-accent tra...

Historie

1 Scan insgesamt

09.04.2026, 10:43

Aktueller Scan

https://storyable.de/

Erster Scan

Score

84

Status

Gut

Probleme

6

Wie barrierefrei ist storyable.de aktuell?

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

storyable.de erreichte im neuesten automatischen Scan vom 09.04.2026, 10:43 den Status Gut bei einem Score von 84.

Auffällig waren vor allem Probleme in den Bereichen Labels. Insgesamt wurden 6 Probleme in 1 Kategorien erkannt.

Fehlende oder unklare Beschriftungen machen Eingabefelder schwer verständlich und führen schnell zu Unsicherheit in Formularen. Mehr dazu im Themenartikel Formulare .

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.

Barrierefreiheit testen: automatisch und manuell

Was automatische Prüfungen gut erkennen, was man zusätzlich manuell testen muss und wie ein sinnvoller Prüfprozess aussieht.

Öffnen

Die häufigsten Barrieren auf Websites

Ein redaktioneller Überblick über typische Barrieren wie Kontraste, Alt-Texte, Linktexte, Formulare, Navigation und Struktur.

Öffnen

© 2026 istbarrierefrei.de

Ein Projekt von studiokpz