Zertifikatsbericht für Clever Leben

Webseiten-Betreiber: Delikatessa Lebensmittel-Handels-und Erzeugungs-Gesellschaft m.b.H.
Domain: www.cleverleben.at
Zertifikat: Silber
Zertifizierungsdatum: 23.11.2020

Allgemeiner Kommentar:

Vom Audit ausgeschlossen sind folgende Inhalte bzw. Funktionen der Website:
a. PDFs
b. EPUB
c. Flash
d. live übertragene zeitbasierte Medien
e. Inhalte, die nur für eine geschlossene Gruppe von Personen und nicht für die allgemeine Öffentlichkeit verfügbar sind (Extranets und Intranets).
f. externe Inhalte von Drittanbietern, die vom Website-Betreiber weder finanziert noch entwickelt wurden und somit auch nicht dessen Kontrolle unterliegen (wie z.B. Google Maps, Youtube, Facebook, externe Iframes und Widgets,...), Definition wie folgt:
1. Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Überprüfung ausgenommen.
2. Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Überprüfung ausgenommen.
3. Drittanbieter Inhalte, die zusätzliche Informationen bereitstellen und für die BenutzerInnen essentiell sind, benötigen eine Alternative.
4. Wenn eine Website weitestgehend aus Drittanbieter Inhalten besteht, wird eine Zertifizierung abgelehnt und Auftrag nicht angenommen.
g. Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
h. Google Captcha (ReCaptcha V2): Verwendung gültig nur für die Qualitätsstufen Silver und Bronze.
i. Websites mit nicht deutscher und/oder englischer Sprache.

Definition der grundsätzlichen Merkmale und Ausrichtung der Abstufungen für Gold:
• Website ist WCAG 2.0 AA konform und erfüllt Grundform aller Erfolgskriterien
• Die Website ist für alle BenutzerInnen vollständig zugänglich (gemäß WCAG 2.0 AA)
Silber:
• Website erfüllt weitgehendst die WCAG 2.0 AA - Erfolgskriterien
• Der gesamte Inhalt ist für alle BenutzerInnen zugänglich
• Die Grundfunktionalität ist für alle BenutzerInnen uneingeschränkt zugänglich
• Teile der erweiterten/optionalen Funktionalität sind für einige BenutzerInnen umständlicher zu bedienen, aber trotzdem zugänglich
Bronze:
• Website erfüllt die meisten WCAG 2.0 AA - Erfolgskriterien
• Die Grundfunktionalität ist für alle BenutzerInnen uneingeschränkt zugänglich
• Teile der erweiterten/optionalen Funktionalität, die für die Benutzung der Website wenig relevant sind, sind für einige BenutzerInnen nicht zugänglich

cleverleben: T01 Home

Audit von Evaluierung von cleverleben: T01 Home - published


Kriterium 2.4.4 - Linkzweck (im Kontext): Nicht Erfüllt - SilberWie hinsichtlich der Alternativtexte angeführt, wurde dieses Kriterium bis auf eine Stelle (Weihnachten 2020) erfüllt.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberEs gibt keine konsistente Darstellung der Fokus-States. Teilweise werden Elemente mit einer punnktierten Linie im Fokus dargestellt, teils nicht (Filialfinder, Einkaufsliste). Die große Box (Adventskalender Gewinnspiel) verfügt über keinen Fokus! Teilweise stellt scheinbar der z-index ein Problem dar, da andere Elemente die Outline überdecken.

Kriterium 3.2.3 - Konsistente Navigation: Nicht Erfüllt - BronzeAuf jeder Unterseite dient das Clever-Logo als Home-Link. Nicht jedoch so auf der Startseite.

cleverleben: T02 Produktübersicht

Audit von Evaluierung von cleverleben: T02 Produktübersicht - published


Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - SilberDie Überschriften Hierarchie ist nicht konsistent. Eine H3 folgt auf H1. Im Anschluss befindet sich eine leere H2.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silberkeine konsistenten Outlines, Hover jeddoch vorhanden;

cleverleben: T03 Produktliste

Audit von Evaluierung von cleverleben: T03 Produktliste - published


Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - SilberKorrekte Hierarchie ist nich gegeben, jedoch keine grobe Einschränkung.

Kriterium 1.4.4 - Textgröße ändern: Nicht Erfüllt - BronzeDurch die Vergrößerung der Seite auf 200% ändert sich der Kontext, da im Footer befindliche Links in das mobile Menü verschoben werden (Rezepte, Newsletter).

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberWie bereits auf der Startseite angemerkt, wird die Outline von Elementen nicht durchgängig dargestellt (Filialfinder, Einkaufsliste). Durch den Hover-Effekt, der auch einen Fokusstate entspricht, wird jedoch die Unterscheidbarkeit dennoch gewahrt.

cleverleben: T04 Produktdetail

Audit von Evaluierung von cleverleben: T04 Produktdetail - published


Kriterium 1.1.1 - Nicht-Text-Inhalt: Nicht Erfüllt - SilberDurch die falsche Reihenfolge der Elemente (Bild, Preis, Titel), wurden Alternativtexte für das Produktbild bewusst gleich benannt, wie der danachfolgende Titel, um einen Kontext herzustellen. Dadurch wird jedoch eine korrekte Bildbeschreibung verhindert. zB. Becher, Tetrapack, Plastilkbeutel;

Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - SilberDurch die inkonsistente Darstellung der Hierarchie (Headlines), weicht der visuelle Kontext von Größe und Farbe gegenüber jenem einer Audioausgabe ab. So wurde im oberen Bereich "Einfach clever" (Hellblau, 2rem) als eine H2 definiert, während im unteren Bereich "Ähnliche Produkte" eine H2 darstellen, jedoch mit dem CSS einer H1 versehen wurden.

Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt - SilberDie H2 "Einfach clever" verfügt über einen zu geringen Kontrast.

Kriterium 1.4.4 - Textgröße ändern: Nicht Erfüllt - SilberWird die Seite auf 200% vergrößert, wechselt die Seite in das mobile Design, wodurch die position von Elementen verändert wird. So wandern zwei Elemente aus der Footer Navigation in das mobile Menü, die Einkaufsliste in die Prouktdetailansicht.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberDurch die nicht durchgehend gleiche Fokusierung (Outline) von Elementen. Hover ist jedoch vorhanden.

cleverleben: T05 Rezeptsuche

Audit von Evaluierung von cleverleben: T05 Rezeptsuche - published


Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - SilberDie Überschriftenstruktur ist inkonsistent. H4 (Teaser-Title) folgt auf H2 (Rezept suchen). H2 sieht gleich, wie Filter-Überschriften aus.

Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt - Silber"Filter zurücksetzen" verfügt über keinen ausreichenden Kontrast.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberBetrifft ebenfalls hier konsistente Verwendung von Outlines. Hover jedoch existent.

cleverleben: T06 Rezeptdetail

Audit von Evaluierung von cleverleben: T06 Rezeptdetail - published


Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - BronzeDie Markup-Struktur der Webseite entspricht nicht der visuellen Darstellung. So gibt es auf dieser Seite drei unterschiedliche Darstellungen einer H2, bzw. werden visuelle Überschriften nicht mit dem dazugehörigen Markup versehen.

"Zubereitung" ist keine Headline
"Produkte im Rezept" ist H2 im Design von H1

Rezept Teaser folgen als H4 auf die H2.

Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt - SilberZutaten-Links verfügen über keinen ausreichenden Kontrast.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberWie bereits erwähnt, keine konsistente Darstellung, Hover jedoch vorhanden.

cleverleben: T07 Contentseite - Über die Marke

Audit von Evaluierung von cleverleben: T07 Contentseite - Über die Marke - published


Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - SilberDie Überschriften Hierarchie sowie deren konsistente Darstellung sind nicht gegeben. So folgt auf eine H2 eine h4, bzw. sieht die H2 wie der übrige Fließtext aus.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silberinkonsistente Darstellung des Fokus-Stils (Outlines).

cleverleben: T08 Contentseite - Testimonial

Audit von Evaluierung von cleverleben: T08 Contentseite - Testimonial - published


Kriterium 1.1.1 - Nicht-Text-Inhalt: Nicht Erfüllt - SilberEs fehlt der Alternativ-Text beim Bild. Da es hier um eine Beschreibug geht, erfüllt die H1 nicht den Zweck.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silbererneut die fehlende konsistente Auszeichnung des Fokus (Outlines)

cleverleben: T09 Newsletteranmeldung

Audit von Evaluierung von cleverleben: T09 Newsletteranmeldung - published


Kriterium 1.1.1 - Nicht-Text-Inhalt: Nicht Erfüllt - SilberEs gibt zwar einen Alternativtext, der aber nicht das Bild beschreibt. Dadurch wird zudem noch eine redundaten Information vermittelt, da der darauffolgende Titel genau gleich lautet.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silberinkonsistente Auszeichnung (Outlines), jedoch Hovere vorhanden.

cleverleben: T10 Kontaktformular

Audit von Evaluierung von cleverleben: T10 Kontaktformular - published


Kriterium 3.2.2 - Bei Eingabe: Nicht Erfüllt - SilberDer Datepicker gibt keine sinnvolle Information aus.

cleverleben: T11 Suchergebnisseite

Audit von Evaluierung von cleverleben: T11 Suchergebnisseite - published


Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberKeine konsistente Outline, jedoch Hover.

cleverleben: T12 Filialfinder

Audit von Evaluierung von cleverleben: T12 Filialfinder - published


Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberOutlines nicht konsistent, Hover jedoch vorhanden.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Nicht Erfüllt - SilberDas Autocomplete gibt dem Screenreader keine Info über Vorschläge aus.

Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt - SilberAutocomplete Optionen werden nicht vorgelesen.

cleverleben: T13 Gewinnspiel neu

Audit von Evaluierung von cleverleben: T13 Gewinnspiel neu - published


Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silberinkonsistente Outlines, Hover jedoch vorhanden

cleverleben: T14 Einkaufsliste

Audit von Evaluierung von cleverleben: T14 Einkaufsliste - published


Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silberkeine konsistenten Outlines, jedoch Hover

cleverleben: T15 Zufallssample neu

Audit von Evaluierung von cleverleben: T15 Zufallssample neu - published


Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - SilberDie Überschriften Hierarchie ist inkonsistent. Da zB. Tipp suchen lediglich für de Screenreader ausgezeichnet ist.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silberkeine konsistenten Outlines, jedoch Hover;