de de en en de de de de de de de de de de de de de de fr fr de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de en en en fr en en en en en de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de sv de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de de en en de it de
Zertifikatsbericht für Blühendes Österreich | Einreichportal des Web Accessibility Certificate Austria
Webseiten-Betreiber: Blühendes Österreich - REWE International gemeinnützige Privatstiftung
Die Website-Basis ist in Bezug auf Barrierefreiheit recht gut. Die meisten Controls sind gut zu bedienen, die Webseite ist responsive. Allerdings sind einige WCAG-Mängel vorhanden, die nur ein Zertifikat in Bronze erlauben. Im Scope des Audits war auch der interne Bereich der Website inkl. Registrierung, womit externe UserInnen unter anderem Content für die Website erstellen können. Dies stellt auch eine Hürde dar, um eine höhere WACA-Stufe zu erreichen. Aber aufgrund der Größe der Website ist es eine gute Leistung.
Beim Zertifikat WACA sind ganz allgemein vom Audit ausgeschlossen folgende Inhalte bzw. Funktionen einer Website:
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
Audit von Evaluierung von BÖ T01: Startseite - published
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - BronzeÜberschriften-Struktur stimmt nicht mit der logischen Struktur überein: zB Obwohl logisch und visuell „Sand-Grasnelke“ ein Kind-Element von „Die begehrtesten Lexikonartikel“ ist, sind beide Elemente Überschriften der Ebene H2. Aber auch an anderen Stellen das gleiche Problem.
Begründung Einstufung "bronze": Ist vor allem für Screenreader BenutzerInnen mitunter recht verwirrend.
Liste aus farbigen Symbolen im Footer „UN-Nachhaltigkeitsziele“: sieht wie eine Liste aus, sollte auch als Liste ausgezeichnet werden
Begründung Einstufung (silber): Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 1.4.1 - Benutzung von Farbe: Nicht Erfüllt - BronzeArtikel unter „Die begehrtesten Lexikonartikel“. Farbige Punkt zeigen an, ob die Pflanze gefährdet ist. Dies wird nur per Farbe kommuniziert.
Begründung Einstufung (bronze): Sollte keinen allzu gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 1.4.11 - Nicht-Text Kontrast: Nicht Erfüllt - BronzeBei Herz-Buttons ist der Tastaturfokus (Blauer Rahmen) abhängig vom Hintergrund schwer zu erkennen und unterschreitet den geforderten Wert von 3:1. Auch bei vielen Unterseiten der Fall (Bei Verwendung von Firefox)
Blauer Rahmen für Tastaturfokus erfüllt teilweise Kontrastwerte nicht von 3:1 nicht. ZB in der Titelzeile beim dunkelgrünen Hintergrund. Auch bei vielen Unterseiten der Fall (Bei Verwendung von Firefox)
Begründung Einstufung: Webseite sollte annehmbar zu bedienen sein
Kriterium 2.1.1 - Tastatur: Nicht Erfüllt - BronzeDatenpicker "Wann?": Fokus Trap funktioniert nicht mehr wenn sobald ein der zwei Datumteile für den Zeitraum ausgewählt wurde
Begründung Einstufung: Erschwert die Bedienung per Tastatur, aber bleibt trotzdem bedienbar.
Kriterium 2.4.3 - Fokus-Reihenfolge: Nicht Erfüllt - BronzeCookie-Meldung: Tab-Reihenfolge durcheinander
Begründung Einstufung (silber): Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - BronzeCookie-Meldung: verdeckt Inhalt, aber Tastatur-Fokus kann dahinter sein. Tastaturfokus damit nicht mehr sichtbar.
Begründung Einstufung (bronze): Kann durchaus verwirrend sein.
Beim Zurücktabben verschwindet der Tastaturfokus hinter der Hauptnavigation.
Begründung Einstufung (bronze): Kann durchaus verwirrend sein.
Kriterium 3.1.2 - Sprache von Teilen: Nicht Erfüllt - SilberListe aus farbigen Symbolen im Footer „UN-Nachhaltigkeitsziele“: alt-Texte sind Englisch (was richtig ist, da ja auch die Symbole englisch sind). Dann muss aber auch die Sprache von Teilen richtig gesetzt werden, damit der Screenreader die alt-Texte richtig ausspricht.
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt - BronzeDoppelte IDs, doppelte Attribute und Elemente, die nicht als Kind-Element eines anderen Element erlaubt sind:
Begründung Einstufung: mehrere schwerere Fehler, welche auf unterschiedlichen Endgeräten zu Probleme führen können. (Bei den Unterseiten ebenfalls der Fall)
The aria-hidden attribute must not be specified on the noscript element.
Attribute block not allowed on element ul at this point. (3)
Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) (3)
Duplicate ID ___. (19) · Hide all · Show all
Duplicate ID Like. (18)
Bad value for attribute srcset on element source: Must contain one or more image candidate strings. (54)
Duplicate attribute href. (18)
An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
Audit von Evaluierung von BÖ T02: Suchergebnis - published
Kriterium 2.4.2 - Seite mit Titel versehen: Nicht Erfüllt - SilberTitel für Unterseite (Suche) fehlt
BÖ T03: Naturerlebnisse Übersicht
Audit von Evaluierung von BÖ T03: Naturerlebnisse Übersicht - published
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - BronzeNavigationsleiste der Suche sollte auch als Navigation ausgezeichnet.
Begründung Einstufung (bronze): erschwert die Verständlichkeit und Bedienbarkeit schon etwas und nimmt auf der Unterseite recht zentrale Funktion ein.
Navigationsleiste der Suche: visuell eine Liste, sollte auch als solche im Code ausgezeichnet werden.
Begründung Einstufung (silber): Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 1.4.1 - Benutzung von Farbe: Nicht Erfüllt - BronzeBei eingeblendeter Karte links: Beim Markieren der Artikel-Container rechts, wird der entsprechende Marker links auf der Karte (nur!) farblich hervorgehoben.
Begründung Einstufung: Ist etwas verwirrend, aber nimmt keine sehr zentrale Rolle ein.
Kriterium 2.1.1 - Tastatur: Nicht Erfüllt - BronzeVerschieben der Karte ist nur per Maus möglich. Per Tastatur nicht
Begründung Einstufung (bronze): macht gewisse Interaktionsmöglichkeiten unmöglich für TastaturbenutzerInnen, auch wenn diese keine wirklich zentrale Rolle einnehmen sollten.
Kriterium 3.1.2 - Sprache von Teilen: Nicht Erfüllt - SilberKontrollelement der Karte „Zoom In, Zoom Out, View Fullscreen“ sind auf Englisch, aber nicht entsprechend ausgezeichnet.
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt - BronzePagination falsch beschriftet. Screenreader liest folgendes vor „pagination-heading“ (aufgrund des aria-Labels)
Außerdem ist für Screenreader-User nicht wirklich klar auf welcher Seite er/sie sich befindet. Statt zB nur „1“, wäre es besser, wenn „Seite 1, aktuelle Seite“ vorgelesen wird.
Pagination: Seiten werden auch immer nur mit Zahlen vorgelesen. Linkzweck wäre besser verständlich, wenn Screenreader statt „2“ „Ergebnis-Seite 2“ oder ähnliches vorgelesen wird.
Begründung Einstufung (bronze): Recht verwirrend. Für Screenreader-User wahrscheinlich nur schwer verständlich was der Sinn dieses Eingabe-Elementes ist.
BÖ T04: Naturerlebnisse Detail
Audit von Evaluierung von BÖ T04: Naturerlebnisse Detail - published
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt - SilberIm „Info-Kasten“ links gibt es visuell Überschriften „Wo?, Wann?…“. Diese sind aber nicht semantisch als solche ausgezeichnet.
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 2.1.1 - Tastatur: Nicht Erfüllt - BronzeVerschieben der Karte (oben und unten) ist nur per Maus möglich. Per Tastatur nicht
Begründung Einstufung: macht gewisse Interaktionsmöglichkeiten unmöglich für TastaturbenutzerInnen, auch wenn diese keine wirklich zentrale Rolle einnehmen sollten.
Kriterium 2.4.4 - Linkzweck (im Kontext): Nicht Erfüllt - Bronze„Mitmachen & Anmelden“ Link: Linkzweck nicht ersichtlich. Nicht klar, dass ein neuer Tab mit einer externen Seite geöffnet wird.
Begründung Einstufung: Kann durchaus verwirrend sein.
Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt - Bronze„Teilen“- Button ist nicht (richtig) beschriftet. Screenreader liest nur „Link“ vor.
Begründung Einstufung: Kann für manche BenutzerInnen die Funktion unzugänglich machen. Aber wahrscheinlich keine essentielle Funktion.
BÖ T05: Naturmagazin Übersicht
Audit von Evaluierung von BÖ T05: Naturmagazin Übersicht - published
Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt - BronzeTabs oben „Magazin, Naturlexikon, Bauernlexikon“: nicht richtig ausgezeichnet. Für blinde BenutzerInnen nicht klar um welches Kontrollelement es sich hier handelt und auch welches der 3 Reiter gerade aktiv ist. Kann zB so gemacht werden: https://www.w3.org/TR/2016/WD-wai-aria-practices-1.1-20161214/examples/tabs/tabs.html
Begründung Einstufung: Kann durchaus verwirrend sein.
BÖ T06: Naturmagazin Detail
Audit von Evaluierung von BÖ T06: Naturmagazin Detail - published
Kriterium 1.1.1 - Nicht-Text-Inhalt: Nicht Erfüllt - SilberRahmen für Youtube-Video könnte besser beschriftet werden: nicht klar, dass es ein Video ist, bis man bei den Bedienelementen des Players ist.
Begründung Einstufung: Ist wahrscheinlich kein essentieller Inhalt
Kriterium 1.2.1 - Reine Audio- und Videoinhalte (aufgezeichnet): Nicht Erfüllt - SilberYoututbe Video: keine Audiobeschreibung oder vollständige Text-Alternative
Begründung Einstufung: Ist wahrscheinlich kein essentieller Inhalt
Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Nicht Erfüllt - SilberYoututbe Video: keine Audiobeschreibung oder vollständige Text-Alternative
Begründung Einstufung: Ist wahrscheinlich kein essentieller Inhalt
Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Nicht Erfüllt - SilberYoututbe Video: keine Audiobeschreibung oder vollständige Text-Alternative
Begründung Einstufung: Ist wahrscheinlich kein essentieller Inhalt
Kriterium 1.4.11 - Nicht-Text Kontrast: Nicht Erfüllt - BronzeImage Slider: Buttons (Pfeile links und rechts, aber auch Schließen-Schalter wenn Bild vergrößert)haben, abhängig vom Hintergrund teilweise einen sehr geringe Kontrast, vor allem wenn fokussiert, da dann dunkel grün. Besser wäre wenn die Buttons eine Hintergrundfarbe wie weiß hätten, dann könnte sichergestellt werden, dass der Kontrast immer ausreicht (3:1).
Begründung Einstufung: Kann durchaus verwirrend sein, auch wenn die Inhalte nicht wirklich essentiell sind.
Kriterium 2.1.1 - Tastatur: Nicht Erfüllt - SilberImage Slider: Tastaturbedienung generell etwas eingeschränkt, da man zB nicht, wie bei Mausbedienung die Punkte unten anklicken kann.
Begründung Einstufung: dieser Aspekt sollte kein großes Problem sein, da die Bilder so auch angesprungen werden können.
Kriterium 2.4.4 - Linkzweck (im Kontext): Nicht Erfüllt - BronzeSchmetterlinks-App-Links (2mal): hier wäre es gut, wenn der Linkzweck darauf hinweist, dass eine externe Seite angesprungen wird.
Begründung Einstufung: Kann durchaus verwirrend sein.
Kriterium 3.1.2 - Sprache von Teilen: Nicht Erfüllt - SilberImage Slider: Schließen-Schalter wenn Bild vergrößert: alternativer Text ist „Close-Button“. Sprache von Teilen verletzt, sollte aber sowieso auf Deutsch übersetzt werden.
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 3.2.2 - Bei Eingabe: Nicht Erfüllt - BronzeBeim Speichern der Filter "Themen", "Zielgruppe" und "Weitere Filter" wird die Seite neu geladen und der Tastenfokus geht verloren -> Änderung des Kontextes
Begründung Einstufung: die Seite ist zwar bedienbar, aber die Bedienung ist mühsamer.
Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt - Bronze„Teilen“- Button ist nicht (richtig) beschriftet. Screenreader liest nur „Link“ vor.
Begründung Einstufung: Kann für manche BenutzerInnen die Funktion unzugänglich machen. Aber wahrscheinlich keine essentielle Funktion.
Audit von Evaluierung von BÖ T07: Registrieren - published
Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Nicht Erfüllt - SilberAutocomplete Attribute bei E-Mail Adresse fehlt
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt - SilberNach Abschicken der Registrierung landet der Fokus auf dem visuell nicht mehr sichtbaren (da bestätigten) Cookie Meldung. Fokus ist nicht mehr sichtbar.
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 3.3.1 - Fehlererkennung: Nicht Erfüllt - BronzeFehlermeldung „Die E-Mail-Adresse xyz ist bereits vergeben“ ist für Screenreader users schwer zu finden. Fokus springt nicht hin, es wird keine Benachrichtigung ausgegeben (zb mittels aria-live).
Begründung Einstufung: Kann durchaus verwirrend sein.
Kriterium 4.1.3 - Statusmeldungen: Nicht Erfüllt - BronzeNach erfolgreicher Registrierung: Meldung „Es wurde eine Willkommensnachricht mit weiteren Anweisungen an deine E-Mail-Adresse versandt.“ ist für Screenreader users schwer zu finden. Fokus springt nicht hin, es wird keine Benachrichtigung ausgegeben (zb mittels aria-live).
Begründung Einstufung: Kann durchaus verwirrend sein. Da mit dieser E-Mail ja auch das Konto aktiviert werden muss.
Audit von Evaluierung von BÖ T08: Login - published
Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Nicht Erfüllt - SilberLogin Form: Autocomplete Attribute bei E-Mail und Passwort Feld nicht vorhanden.
„Passwort zurücksetzen“ Form: Autocomplete Attribute bei E-Mail nicht vorhanden.
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Audit von Evaluierung von BÖ T09: Benachrichtigungen - published
Kriterium 3.1.2 - Sprache von Teilen: Nicht Erfüllt - BronzeRotes Feld „Please fill out all required fields. “ + Close-Schalter:
Sprache von Teile nicht erfüllt, sowohl bei Text als auch Beschriftung des Schließen Schalters. Sollte aber sowieso übersetzt werden.
Begründung Einstufung: Kann durchaus verwirrend sein. Vor allem für Personen die der englischen Sprache nicht mächtig sind.
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Nicht Erfüllt - SilberFußnoten bei „per E-Mail*“ und „per Browser**“ sollten am Besten auch noch verlinkt werden zur Beschreibung unten, da sie sonst umständlich für Screenreader User zu finden ist.
Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben
Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt - BronzeBell-Icon / Benachrichtigungsanzeige-Icon: falsch beschriftet mit „notis 1“. Außerdem scheint es hier einen Bug zu geben. Da „1“ angezeigt wird, was suggeriert dass eine Nachricht vorhanden ist. Aber Benachrichtigungen sind leer.
Begründung Einstufung: Kann durchaus verwirrend sein.
BÖ T10: Profil einrichten
Audit von Evaluierung von BÖ T10: Profil einrichten - published
Kriterium 3.3.1 - Fehlererkennung: Nicht Erfüllt - BronzeFehlermeldungen zB für Vor- und Nachname sind für Screenreader users schwer zu finden. Fokus springt nicht hin, es wird keine Benachrichtigung ausgegeben (zb mittels aria-live). Stattdessen landet der Fokus auf dem visuell nicht mehr sichtbaren (da bestätigten) Cookie Meldung. Fokus ist nicht mehr sichtbar.
Begründung Einstufung: Kann durchaus verwirrend sein.
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Nicht Erfüllt - BronzeAnrede-Label ist nicht richtig verlinkt
Begründung Einstufung (bronze): Kann durchaus verwirrend sein.
Statt PLZ sollte bei diesem Feld ein anderes Label (zumindest für SR-users) gewählt werden, da es sonst vom Screenreader als „Please“ vorgelesen wird.