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

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:

• Externe URL https://www.billa.at/ 
• der Steakkonfigurator auf T5 wurde als externes Tool eingestuft

Beim Zertifikat WACA sind folgende Inhalte bzw. Funktionen einer Website ganz allgemein vom Audit ausgeschlossen:

• Websites mit nicht deutscher und/oder englischer Sprache
• PDFs
• EPUB
• Flash
• 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, Intranets)
• Externe Inhalte von Drittanbietern, die vom Betreiber der Website weder finanziert noch entwickelt wurden und somit auch nicht dessen Kontrolle unterliegen (wie z.B. Google Maps, Youtube, Facebook, andere Iframes und Widgets,...) wie folgt:
  • Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Überprüfung ausgenommen.
  • Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Überprü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 Zertifizierung abgelehnt und Auftrag nicht angenommen. Website ist nicht auditierbar.
• Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
• Google Captcha (ReCaptcha V2): gültig nur für Silber und Bronze

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