Zertifikatsbericht für Blühendes Österreich

Webseiten Betreiber: Blühendes Österreich - REWE International gemeinnützige Privatstiftung
Webseiten Domain: www.bluehendesoesterreich.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 11.11.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-Basis von bluehendesoesterreich.at ist in Bezug auf Barrierefreiheit grundlegend schon sehr gut umgesetzt worden. Die meisten Controls sind gut zu bedienen und 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 einen 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 sehr beachtliche Leistung.

Die Website wurde im November 2024 erneut geprüft und das WACA-Zertifikat in Bronze kann aufrecht erhalten bleiben.

Folgende Verlinkung der Website war nicht im Scope des Audits, da externe URL: https://schmetterlingsapp.at/ 

Geprüftes Testsample

Abweichungen zur WCAG und WACA-Einstufung

    BÖ T01: Startseite

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Favoriten im Herzen: Icons unter 1., 2., 3.: Screenreader liest „leer“ vor. Sollte aber da es dekorativ ist für Screenreader generell ausgeblendet werden, da es sonst möglicherweise etwas verwirrend sein kann.

    Begründung Einstufung: Sollte die Barrierefreiheit der Webseite nicht erheblich beeinflussen.

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Überschriften-Struktur stimmt nicht mit der logischen Struktur überein: zB Obwohl logisch und visuell „Fliegenpilz“ 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.3.2 - Bedeutungstragende Reihenfolge: Bronze

    Bedeutungstragende Reihenfolge bei Artikeln nicht erfüllt. Zuerst kommt das Bild, dann erst die Überschrift, welche für das Bild gelten würde.
    Begründung Einstufung: kann schon verwirrend sein für SR-Users und kommt sehr oft und zentral vor.

    Kriterium 1.4.1 - Benutzung von Farbe: Bronze

    Artikel 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.3 - Kontrast (Minimum): Bronze

    Kontrastwerte bei Cookie-Meldung → Button „Cookie-Einstellungen“ zu gering bei Mouse-Hover: nur 2:1. Ansonst 2,8:1, was auch zu wenig ist.
    Begründung Einstufung: Wird im Normalfall nur einmal fällig. Darum nicht ganz so tragisch.



    Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

    Bei 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 bei vielen Unterseiten beim dunkelgrünen Hintergrund. (Bei Verwendung von Firefox)

    Begründung Einstufung: Webseite sollte annehmbar zu bedienen sein

    Kriterium 2.1.1 - Tastatur: Bronze

    Datenpicker "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.7 - Fokus sichtbar: Bronze

    Bei mobiler Ansicht: Beim Zurücktabben verschwindet der Tastaturfokus hinter der Hauptnavigation.
    Sichtbarer Tastaturfokus verschwindet teilweise zwischen den Elemente unter "Naturlexikon".

    Begründung Einstufung (bronze): Kann für manche Personen etwas verwirrend sein.

    Kriterium 3.1.2 - Sprache von Teilen: Silber

    Liste 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

    BÖ T02: Suchergebnis

    Kriterium 2.4.2 - Seite mit Titel versehen: Silber

    Titel für Unterseite (Suche) fehlt

    BÖ T03: Naturerlebnisse Übersicht

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Navigationsleiste der Suche sollte auch als Navigation ausgezeichnet werden.
    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 2.1.1 - Tastatur: Bronze

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

    Kontrollelement 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: Bronze

    Pagination 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

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Im „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: Bronze

    Verschieben 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): 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: 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

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Tabs 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

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Rahmen 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): Silber

    Yoututbe Video: keine Audiobeschreibung oder vollständige Text-Alternative
    Begründung Einstufung: Ist wahrscheinlich kein essentieller Inhalt

    Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Silber

    Yoututbe Video: keine Audiobeschreibung oder vollständige Text-Alternative
    Begründung Einstufung: Ist wahrscheinlich kein essentieller Inhalt

    Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Silber

    Yoututbe Video: keine Audiobeschreibung oder vollständige Text-Alternative
    Begründung Einstufung: Ist wahrscheinlich kein essentieller Inhalt

    Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

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

    Image 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): Bronze

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

    Image Slider: Schließen-Schalter wenn Bild vergrößert: alternativer Text ist „Close-Button“. Sprache von Teilen verletzt, sollte aber sowieso auf Deutsch übersetzt werden. Gleichen bei Pfeil-Buttons
    Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben

    Kriterium 4.1.2 - Name, Rolle, Wert: 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Ö T07: Registrieren

    Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Silber

    Autocomplete Attribute bei E-Mail Adresse und Passwörter fehlen
    Begründung Einstufung: Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben

    Kriterium 2.4.7 - Fokus sichtbar: Silber

    Nach 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.1.2 - Sprache von Teilen: Bronze

    Rotes Feld „Please fill out all required fields. “
    Sprache von Teile nicht erfüllt. 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.1 - Fehlererkennung: Bronze

    Fehlermeldung „Passwörter stimmen nicht überein“ 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: Bronze

    Nach 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.

    BÖ T08: Login

    Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Silber

    Login 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

    BÖ T09: Benachrichtigungen

    Kriterium 3.1.2 - Sprache von Teilen: Bronze

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

    Fuß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

    BÖ T10: Profil einrichten

    Kriterium 3.3.1 - Fehlererkennung: Bronze

    Fehlermeldungen 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 einem zufälligen anderen Eingabefeld.
    Begründung Einstufung: Kann durchaus verwirrend sein.

    Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze

    Anrede-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.
    Begründung Einstufung (silber): Sollte keinen gravierenden Einfluss auf die Bedienbarkeit haben

Copyright © waca.at 2024.