Zertifikatsbericht für Hofstädter

Webseiten Betreiber: Delikatessa Lebensmittel-Handels- und Erzeugungs- Gesellschaft m.b.H.
Webseiten Domain: www.hofstädter.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 15.04.2024

Zertifizierung WACA

Die Initiative WACA strebt mit diesem Zertifikat ein sehr hohes Niveau und eine herausragende Qualität der Barrierefreiheit an, deshalb müssen für eine erfolgreiche Zertifizierung die grundlegendsten WCAG-Kriterien erfüllt werden. Die AuditorInnen prüfen nach einem vorgegebenen Schema und eigener Prüfmethodik streng nach diesen Kriterien. Das WACA-Zertifikat wird in 3 unterschiedlichen Stufen vergeben. Es wurde für jedes WCAG-Erfolgskriterium eine eigene Abstufung für Gold, Silber und Bronze definiert. Damit können auch Websites ausgezeichnet werden, die nicht die höchsten Anforderungen der WCAG erfüllen bzw. Best-Practice sind, aber eine grundlegende Barrierefreiheit aufweisen und niemanden bei der Benutzung der Website ausschließen. Bei den Abstufungen Silber oder Bronze müssen Bemühungen für Barrierefreiheit klar und eindeutig erkennbar sein, siehe Definition WACA Abstufungen.

WACA zertifiziert Websites, die genau eingegrenzt werden können, meist definiert durch eine URL und zieht daraus eine repräsentative Stichprobe (Testsample). 
Folgende Inhalte bzw. Funktionen einer Website sind jedoch allgemein vom Audit ausgeschlossen:

  • PDF
  • EPUB
  • live übertragene zeitbasierte Medien
  • Inhalte, die nur für eine geschlossene Gruppe von Personen und nicht für die allgemeine Öffentlichkeit verfügbar sind (Extranets und Intranets).
  • 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:
    • Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Prüfung ausgenommen.
    • Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Prüfung ausgenommen.
    • Drittanbieter Inhalte, die zusätzliche Informationen bereitstellen und für die BenutzerInnen essentiell sind, benötigen eine Alternative.
    • Wenn eine Website weitestgehend aus Drittanbieter Inhalten besteht, wird eine Zertifizierung abgelehnt und Auftrag nicht angenommen. Website ist in diesem Fall nicht auditierbar.
  • Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
  • Google Captcha (ReCaptcha V2): Verwendung gültig nur für die WACA Qualitätsstufen Silber und Bronze.

Allgemeiner Kommentar der Zertifizierungsstelle:

Die Website der BILLA-Marke Hofstädter erfüllt die allermeisten WCAG 2.1 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 bzw. optionalen Funktionalität, die für die Benutzung der Website wenig relevant sind, sind für einige wenige BenutzerInnen nicht optimal zugänglich und bedienbar. Es gibt noch einige Abweichungen bei den Farbkontrasten und einige fehlende Alternativtexte, aber aufgrund der vielen Korrekturen und Verbesserungsmaßnahmen, die auf der Website durchgeführt wurden, kann trotzdem WACA in Bronze vergeben werden.

Nicht im Audit der Website waren:

Geprüftes Testsample

Abweichungen zur WCAG und WACA-Einstufung

    Hofstädter T01: Startseite

    Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Silber

    - nicht vorhanden bei der Sektion "zu Besuch beim Hofstädter"

    - nicht vorhanden bei der Sektion "Hofstädter Videothek"

    Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Silber

    siehe auch 1.2.3

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Bronze

    Bei der Navigation mit der Tastatur, könnte die Fokusreihenfolge bei allen Slidern für den User verwirrend sein.

    Kriterium 1.4.5 - Bilder eines Textes: Bronze

    - es treten vermehrt Texte in Bildern auf (siehe Screenshot 4). Für Screenreader Benutzer ist der Inhalt nicht zugänglich. Siehe auch 1.2.3

    Kriterium 1.4.10 - Umbruch: Bronze

    - der Inhalt bei der Sektion Wissenswertes (siehe Screenshot 6) darf bei einer Größe von 320px nicht abgeschnitten werden.

    Kriterium 1.4.12 - Textabstände: Bronze


    Kriterium 1.4.13 - Eingeblendete Inhalte: Bronze

    Wenn man mit dem Smartphone das Menü öffnet und nach unten scrollt schließt sich das Menü automatisch. Der User wird aber darauf nicht hingewiesen. Möchte dieser zum Beispiel auf den Link /faire-vertragspraktiken klicken, ist das nur schwer möglich, weil das Menü immer wieder einfach geschlossen wird. (betrifft T1 bis T9)

    Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze

    - Die Slider in den Sektionen "Darf´s sonst noch was sein?", "Da hat sich der Hofstädter noch MEHRwohl erlaubt!" und in der Vinothek haben keine korrekte Fokus-Reihenfolge. Zuerst wird der zurück Pfeil fokussiert, danach die Elemente der Liste "slider__dots" anschließend den Pfeil vorwärts und erst danach werden die einzelnen Elemente angesprungen.

    - In den Slidern wird sehr viel mit tabindex und aria-hidden gearbeitet. Dadurch entsteht eine undurchsichtige Reihenfolge. Es werden auch Elemente angesprungen und danach keinen sichtbaren Fokus besitzen. (siehe auch 2.4.7)

    Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

    - Bei Links und Bildern wird häufig das title Attribut verwendet. Screenreader können das title-Attribut eines Links zwar lesen, aber diese Einstellung wird immer wieder vom Nutzer abgeschaltet, denn oft werden unklare oder zum Linktext redundante Tooltips vergeben. Es ist empfehlenswert, versteckten Text zu verwenden oder noch besser wäre eindeutige Linktexte einzusetzen.

    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    Bei der Navigation in den Slidern springt man mit der Tabulatortaste bei den Slider Elementen von dem Bild zu dem Link "zum Produkt" und nach dem nächsten Klick, weiß man nicht wo man sich befindet. Empfehlung: mit Tabindex sollte sehr vorsichtig umgegangen werden. Wenn möglich sollte darauf verzichtet werden.

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Elemente, die mit aria-hidden="true" versteckt werden, dürfen nicht fokusierbar sein oder Elemente enthalten, die fokusierbar sind.

    Hofstädter T02: Suche

    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    Buttons "Mehr Laden" haben keinen sichtbaren Fokus.

    Hofstädter T03: Kontakt

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Der Alternativtext von dem Headerbild ist mit "Hofstädter Junior und Senior" zwar vorhanden, jedoch nicht sehr aussagekräftig.

    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    Das Drag&Drop Feld besitzt keinen sichtbaren Fokus.

    Kriterium 3.1.2 - Sprache von Teilen: Silber

    Abkürzungen sollten von Screenreadern verständlich ausgegeben werden. Das Eingabefeld PLZ könnte zu Verwirrungen führen.

    Hofstädter T04: Artikel

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

    Alternativtexte bei den Bildern AMA Gütesiegel, Fair zum Tier Siegel, Unsere Qualitätsstandards und Gentechnik-freies Futter sind vorhanden aber nicht ideal.

    Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

    Als Linktext wird bei den Inhaltselementen "Mehr erfahren" verwendet. (siehe Screenshot8) Besser wäre es sprechende Links zu verwenden. Zum Beispiel "Mehr über unsere Qualitätsstandards erfahren".

    Hofstädter T05: Steakkonfigurator

    Kriterium 1.4.3 - Kontrast (Minimum): Bronze

    Der Kontrast Gold/Weiß ist nicht ausreichend. https://webaim.org/resources/contrastchecker/?fcolor=B2A378&bcolor=FFFFFF


    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    Die Buttons im Konfigurator (siehe Screenshot 9, 10, 11) haben keinen sichtbaren Fokus.

    Kriterium 4.1.1 - Syntaxanalyse: Bronze

    Bei der Syntaxanalyse treten schwere Fehler auf https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.xn--hofstdter-z2a.at%2Fsteakkonfigurator%2F

    Hofstädter T06: Grillerei

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Bronze

    Bei der Navigation mit der Tastatur, ist Fokusreihenfolge bei dem Slider verwirrend.

    Kriterium 1.4.3 - Kontrast (Minimum): Bronze

    Bei dem Slider, haben die Überschriften der Elemente keinen ausreichenden Kontrast.
    https://webaim.org/resources/contrastchecker/?fcolor=B2A378&bcolor=FFFFFF

    Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze

    siehe dazu Punkt 2.4.3 (2 und 3) von T01 Startseite. Hier wird der gleiche Slider verwendet.

    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    siehe dazu Punkt 2.4.7 von T01 Startseite. Hier wird der gleiche Slider verwendet.

    Kriterium 4.1.1 - Syntaxanalyse: Bronze

    Bei der Syntaxanalyse treten schwere Fehler auf https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.xn--hofstdter-z2a.at%2Fdie-grillerei%2F

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Elemente, die mit aria-hidden="true" versteckt werden, dürfen nicht fokusierbar sein oder Elemente enthalten, die fokusierbar sind.

    Hofstädter T07: Produktübersicht

    Kriterium 1.4.12 - Textabstände: Bronze

    Die Kärtchen (siehe Screenshot 13) haben eine fixe Höhe. Ändert man den Textabstand, dann wird bei manchen Kärtchen der Text abgeschnitten.

    Kriterium 4.1.1 - Syntaxanalyse: Bronze

    Bei der Syntaxanalyse treten schwere Fehler auf https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.xn--hofstdter-z2a.at%2Fprodukte%2F

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    die Pfeile (siehe Screenshot12) haben keinen erkennbaren Text.

    Hofstädter T08: Produkt

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Bronze

    siehe Punkt 1.3.2 von Startseite. Hier wird der gleiche Slider verwendet.

    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    Die Buttons (siehe Screenshot 15) haben keinen sichtbaren Fokus.

    Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Silber


    Hofstädter T09: Grilllogistik

    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    Die Buttons (siehe Screenshot 15) haben keinen sichtbaren Fokus.

    Kriterium 4.1.1 - Syntaxanalyse: Silber

    Es gibt Fehlermeldungen bei der Syntaxanalyse. https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.xn--hofstdter-z2a.at%2Fgrilllogistik%2F

Copyright © waca.at 2024.