Score lädt
Hotel Johnel
http://www.hoteljohnel.de (öffnet in neuem Tab)Hotels & UnterkünftePotenzielle BarrierenLevel A: 21/31 | Level AA: 16/24
Letzter Scan: 14. Juni 2026
Rang 13841 von 15029Branche:Rang 643 von 741in Hotels & Unterkünfte
Barrierefreiheits-Analyse: Hotel Johnel im Fokus
Die Website von Hotel Johnel erreicht in unserer aktuellen Prüfung zur digitalen Barrierefreiheit (nach WCAG 2.2) einen Score von 67%. In der Branche Hotels & Unterkünfte zeigt das Unternehmen damit eine solide Basis, hat jedoch noch Optimierungspotenzial.
Im brancheninternen Vergleich belegt Hotel Johnel derzeit Platz 643 von 741 analysierten Websites im Bereich Hotels & Unterkünfte. Im Gesamtindex über alle Branchen liegt das Unternehmen auf Platz 13841 von 15029. Die Auswertung basiert auf automatisierten Tests wesentlicher Accessibility-Kriterien wie Farbkontrasten, ARIA-Attributen, Tastaturbedienbarkeit und Screenreader-Kompatibilität.
Häufig gestellte Fragen (FAQ)
- Wie gut ist Hotel Johnel aufgestellt?
- Mit einem Score von 67% sind noch einige Optimierungen empfehlenswert.
- Wie wird der Score berechnet?
- Der Wert basiert auf automatisierten Tests nach den Web Content Accessibility Guidelines (WCAG 2.2), dem internationalen Standard für digitale Barrierefreiheit.
Score-Verlauf
67%Erster Scan
14. Juni 2026
Der Score-Verlauf wird ab dem zweiten Scan als Diagramm angezeigt.
Einordnung
Gesamtvergleich
16 Punkte unter dem Durchschnitt (83%)
Rang 13841 von 15029
Branchenvergleich
14 Punkte unter dem Hotels & Unterkünfte (81%)
Rang 643 von 741 in Hotels & Unterkünfte
BFSG-Anforderungen für Hotels & Unterkünfte: Welche Pflichten gelten konkret in dieser Branche, welche digitalen Prozesse müssen barrierefrei sein und wie sieht ein realistischer Fahrplan aus?
Zum Branchen-Guide →Regionaler Vergleich: Wie andere Hotels & Unterkünfte-Profile in Nordrhein-Westfalen abschneiden (anonyme Score-Ranges).Zum regionalen Hotels & Unterkünfte-Cluster →
WCAG 2.2 Kriterien
37 von 55 Kriterien erfüllt
| Level A | 21/31 |
| Level AA | 16/24 |
Level A (21/31)
Non-text ContentAlle Nicht-Text-Inhalte muessen eine Textalternative haben, die den gleichen Zweck erfuellt.
Audio-only and Video-only (Prerecorded)Fuer aufgezeichnete reine Audio- oder Video-Inhalte muss eine Alternative bereitgestellt werden.
Captions (Prerecorded)Aufgezeichnete Videos muessen Untertitel enthalten.
Audio Description or Media Alternative (Prerecorded)Fuer aufgezeichnete Videos muss eine Audiodeskription oder eine Medienalternative bereitgestellt werden.
Info and RelationshipsInformationen und Beziehungen, die visuell vermittelt werden, muessen auch programmatisch bestimmbar sein.
Meaningful SequenceDie korrekte Lesereihenfolge muss programmatisch bestimmbar sein.
Sensory CharacteristicsAnweisungen duerfen sich nicht ausschliesslich auf sensorische Merkmale wie Form, Groesse oder Position stuetzen.
Use of ColorFarbe darf nicht als einziges visuelles Mittel zur Informationsvermittlung verwendet werden.
Audio ControlAudio-Inhalte, die automatisch abgespielt werden, muessen pausierbar oder stummschaltbar sein.
KeyboardAlle Funktionen muessen ueber die Tastatur bedienbar sein.
No Keyboard TrapDer Tastaturfokus darf nicht in einem Element gefangen werden.
Character Key ShortcutsEinzeltasten-Kurzbefehle muessen abschaltbar oder umkonfigurierbar sein.
Timing AdjustableZeitlimits muessen vom Benutzer anpassbar sein.
Pause, Stop, HideSich bewegende oder automatisch aktualisierte Inhalte muessen pausierbar, stoppbar oder ausblenbar sein.
Three Flashes or Below ThresholdInhalte duerfen keine Blitze enthalten, die mehr als dreimal pro Sekunde auftreten.
Bypass BlocksEs gibt einen Mechanismus, um Bloecke von Inhalten zu ueberspringen, die auf mehreren Seiten wiederholt werden.
Page TitledWebseiten muessen einen aussagekraeftigen Titel haben.
Focus OrderDie Fokus-Reihenfolge muss eine logische Bedeutung und Bedienbarkeit bewahren.
Link Purpose (In Context)Der Zweck jedes Links muss aus dem Linktext oder dem Kontext bestimmbar sein.
Pointer GesturesFunktionen, die Mehrpunktgesten oder pfadbasierte Gesten erfordern, muessen auch anders bedienbar sein.
Pointer CancellationFunktionen, die durch einfaches Druecken ausgeloest werden, muessen abbrech- oder rueckgaengig machbar sein.
Label in NameDie sichtbare Beschriftung eines Elements muss Teil des programmatischen Namens sein.
Motion ActuationFunktionen, die durch Geraetebewegung ausgeloest werden, muessen auch ueber die Benutzeroberflaeche bedienbar sein.
Language of PageDie Standardsprache jeder Webseite muss programmatisch bestimmbar sein.
On FocusWenn ein Element den Fokus erhaelt, darf dies keine unerwartete Kontextaenderung ausloesen.
On InputDas Aendern einer Einstellung darf keine unerwartete Kontextaenderung ausloesen.
Consistent HelpHilfemechanismen muessen auf allen Seiten an konsistenter Stelle verfuegbar sein.
Error IdentificationEingabefehler muessen automatisch erkannt und dem Benutzer beschrieben werden.
Labels or InstructionsEingabefelder muessen Beschriftungen oder Anweisungen enthalten.
Redundant EntryInformationen, die der Benutzer bereits eingegeben hat, duerfen nicht erneut abgefragt werden.
Name, Role, ValueFuer alle Bedienelemente muessen Name, Rolle und Wert programmatisch bestimmbar sein.
Level AA (16/24)
Captions (Live)Live-Videos muessen Untertitel enthalten.
Audio Description (Prerecorded)Aufgezeichnete Videos muessen eine Audiodeskription enthalten.
OrientationInhalte duerfen nicht auf eine bestimmte Bildschirmausrichtung beschraenkt sein.
Identify Input PurposeDer Zweck von Eingabefeldern fuer Benutzerinformationen muss programmatisch bestimmbar sein.
Contrast (Minimum)Text und Bilder von Text muessen ein Kontrastverhaeltnis von mindestens 4,5:1 aufweisen.
Resize TextText muss ohne Hilfstechnologie auf 200% vergroesserbar sein, ohne Inhaltsverlust.
Images of TextText sollte bevorzugt anstelle von Bildern von Text verwendet werden.
ReflowInhalte muessen ohne zweidimensionales Scrollen bei 320px Breite bzw. 256px Hoehe darstellbar sein.
Non-text ContrastGrafische Objekte und Bedienelemente muessen ein Kontrastverhaeltnis von mindestens 3:1 aufweisen.
Text SpacingInhalte muessen bei angepasstem Textabstand weiterhin lesbar und funktional bleiben.
Content on Hover or FocusInhalte, die bei Hover oder Fokus erscheinen, muessen schliessbar, hoverbar und persistent sein.
Multiple WaysEs muessen verschiedene Wege angeboten werden, um Webseiten innerhalb einer Website zu finden.
Headings and LabelsUeberschriften und Beschriftungen muessen das Thema oder den Zweck beschreiben.
Focus VisibleDer Tastaturfokus muss immer sichtbar sein.
Focus Not Obscured (Minimum)Der fokussierte Bereich darf nicht vollstaendig durch vom Autor erstellte Inhalte verdeckt werden.
Dragging MovementsFunktionen mit Ziehbewegungen muessen auch durch einfache Zeigereingabe bedienbar sein.
Target Size (Minimum)Zielgroessen fuer Zeigereingaben muessen mindestens 24x24 CSS-Pixel betragen.
Language of PartsDie Sprache einzelner Textpassagen muss programmatisch bestimmbar sein.
Consistent NavigationNavigationsmechanismen muessen innerhalb einer Website konsistent angeordnet sein.
Consistent IdentificationElemente mit gleicher Funktion muessen innerhalb einer Website konsistent benannt sein.
Error SuggestionBei Eingabefehlern muessen Korrekturvorschlaege bereitgestellt werden, sofern moeglich.
Error Prevention (Legal, Financial, Data)Bei Eingaben mit rechtlichen oder finanziellen Folgen muessen Fehler vermeidbar sein.
Accessible Authentication (Minimum)Authentifizierungsprozesse duerfen keinen kognitiven Funktionstest erfordern.
Status MessagesStatusmeldungen muessen programmatisch bestimmbar sein, ohne den Fokus zu erhalten.
Verbesserungstipps
Empfehlungen basierend auf den nicht-erfüllten Kriterien
- 1.1.1
- Fügen Sie allen Bildern beschreibende Alt-Texte hinzu, die den Bildinhalt vermitteln.
- 2.1.1
- Alle Funktionen müssen per Tastatur erreichbar sein, nicht nur per Maus.
- 2.4.7
- Der Tastaturfokus muss immer sichtbar sein, z.B. durch einen deutlichen Rahmen.
- 4.1.2
- Interaktive Elemente brauchen einen programmatisch bestimmbaren Namen und Rolle.
- 1.3.1
- Verwenden Sie semantisches HTML (Überschriften, Listen, Tabellen) statt rein visueller Formatierung.