Score lädt
Hautschutzengel
https://hautschutzengel.de (öffnet in neuem Tab)Schönheit & PflegePotenzielle BarrierenLevel A: 26/31 | Level AA: 23/24
Letzter Scan: 3. April 2026
Rang 3380 von 15029Branche:Rang 11 von 41in Schönheit & Pflege
Barrierefreiheits-Analyse: Hautschutzengel im Fokus
Hautschutzengel erreicht in unserem Index einen accessibleAI Score von 89% und zeigt damit eine gute Umsetzung digitaler Barrierefreiheit in der Branche Schönheit & Pflege.
Im brancheninternen Vergleich belegt Hautschutzengel derzeit Platz 11 von 41 analysierten Websites im Bereich Schönheit & Pflege. Im Gesamtindex über alle Branchen liegt das Unternehmen auf Platz 3380 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 Hautschutzengel aufgestellt?
- Mit einem Score von 89% ist die Website gut aufgestellt.
- 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
89%Erster Scan
3. April 2026
Der Score-Verlauf wird ab dem zweiten Scan als Diagramm angezeigt.
Einordnung
Gesamtvergleich
6 Punkte über dem Durchschnitt (83%)
Rang 3380 von 15029
Branchenvergleich
6 Punkte über dem Schönheit & Pflege (83%)
Rang 11 von 41 in Schönheit & Pflege
WCAG 2.2 Kriterien
49 von 55 Kriterien erfüllt
| Level A | 26/31 |
| Level AA | 23/24 |
Level A (26/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 (23/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.4.4
- Linktexte müssen auch ohne Kontext verständlich sein. Vermeiden Sie "hier klicken".
- 2.4.1
- Bieten Sie einen Skip-Link an, damit Nutzer direkt zum Hauptinhalt springen können.
- 3.1.1
- Setzen Sie das lang-Attribut im HTML-Tag auf die korrekte Sprache (z.B. lang="de").
IfDB-Badge
Betten Sie dieses Badge auf Ihrer Website ein, um Ihre Barrierefreiheit zu zeigen.
Format
Hintergrund
Top 100 im Index für Digitale Barrierefreiheit — Hautschutzengel
Für Footer und Seitenleisten