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 - Silber

Wie 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 - Silber

Es 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 - Bronze

Auf 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 - Silber

Die Ü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 - Silber

keine 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 - Silber

Korrekte Hierarchie ist nich gegeben, jedoch keine grobe Einschränkung.

Kriterium 1.4.4 - Textgröße ändern: Nicht Erfüllt - Bronze

Durch 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 - Silber

Wie 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 - Silber

Durch 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 - Silber

Durch 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 - Silber

Die H2 "Einfach clever" verfügt über einen zu geringen Kontrast.

Kriterium 1.4.4 - Textgröße ändern: Nicht Erfüllt - Silber

Wird 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 - Silber

Durch 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 - Silber

Die Ü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 - Silber

Betrifft 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 - Bronze

Die 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 - Silber

Zutaten-Links verfügen über keinen ausreichenden Kontrast.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silber

Wie 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 - Silber

Die Ü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 - Silber

inkonsistente 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 - Silber

Es 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 - Silber

erneut 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 - Silber

Es 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 - Silber

inkonsistente 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 - Silber

Der 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 - Silber

Keine konsistente Outline, jedoch Hover.

cleverleben: T12 Filialfinder

Audit von Evaluierung von cleverleben: T12 Filialfinder - published

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silber

Outlines nicht konsistent, Hover jedoch vorhanden.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Nicht Erfüllt - Silber

Das Autocomplete gibt dem Screenreader keine Info über Vorschläge aus.

Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt - Silber

Autocomplete 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 - Silber

inkonsistente Outlines, Hover jedoch vorhanden

cleverleben: T14 Einkaufsliste

Audit von Evaluierung von cleverleben: T14 Einkaufsliste - published

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silber

keine 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 - Silber

Die Überschriften Hierarchie ist inkonsistent. Da zB. Tipp suchen lediglich für de Screenreader ausgezeichnet ist.

Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - Silber

keine konsistenten Outlines, jedoch Hover;