Zertifikatsbericht für Traiskirchen

Webseiten Betreiber: Stadtgemeinde Traiskirchen
Webseiten Domain: www.traiskirchen.gv.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 16.05.2022

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:

Die Stadt Traiskirchen in Niederösterreich hat auf ihrer Website schon viele Anforderungen der Barrierefreiheit nach WCAG 2.1 – AA berücksichtigt und es kann deshalb das WACA-Zertifikat in Bronze vergeben werden.

Folgende Inhalte der Website waren nicht im Scope des Audits, da externe URLs:
- digitale Formulare auf https://traiskirchen.gv.at/amtliche-info/formulare-downloads/ bzw. über www.amtsweg.gv.at
- Stadtfernsehen N1 TV https://www.youtube.com/user/traiskirchentv/feed

Beim Zertifikat WACA sind ganz allgemein vom Audit ausgeschlossen folgende Inhalte bzw. Funktionen einer Website:
Websites mit nicht deutscher und/oder englischer Sprache
Apps für mobile Anwendungen
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

Geprüftes Testsample

Abweichungen zur WCAG und WACA-Einstufung

    Traiskirchen T0: Rahmen der Website

    Kriterium 1.4.1 - Benutzung von Farbe: Silber

    Im Cookie Banner wird der Link Datenschutz nur durch Farbe vom Fließtext unterschieden.
    Besser visuelles Merkmal wie Unterstrich hinzufügen.

    Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

    Cookiemeldung Checkbox "Notwendige" hat zu wenig Kontrast zum Hintergrund

    Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

    Gold: Untermenü lässt sich mit ESC schließen

    Kriterium 2.4.2 - Seite mit Titel versehen: Silber

    Seitentitel nicht konsistent.
    - Startseite: Stadtgemeinde Traiskirchen (sollte sein: "Startseite | Traiskirchen")

    Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze

    - Cookie Banner am Ende der Seite nicht optimal
    - Reihenfolge in Headerleiste nicht ideal (Suche kommt im Code erst nach Kontrast-Schalter)

    Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

    Gold:
    ergänzende Infos zu Hauptmenülinks (z.B. "Rathaus Information Downloads" bei "Bürgerservice") sind für assistierende Technologien ausgeblendet

    Kriterium 3.1.2 - Sprache von Teilen: Bronze

    der "Schließen"-Button von Bilder-Lightboxen hat als Title "Close" hinterlegt (.fancybox-button--close)

    Kriterium 3.2.2 - Bei Eingabe: Silber

    bei Aktivierung des Schriftgrößen-Links im Header springt der Tastaturfokus an den Seitenbeginn (Seite wird neu geladen)

    Gold:
    Hinweis, dass Seite nur geladen wird

    Kriterium 3.2.3 - Konsistente Navigation: Silber

    Bei Ultrawide Monitoren mit einem Seitenverhältnis von 21:9 oder 32:9 werden die Skiplinks angezeigt. Diese werden nämlich nur mit einem fixen Wert von 100em nach links geschoben. Was bei einigen Bildschirmgrößen nicht ausreicht. So sind die Skiplinks überlappend sichtbar.

    Kriterium 3.2.4 - Konsistente Erkennung: Silber

    Paging visuell unterschiedlich - z.B. Startseite Beiträge vs. Suchergebnisse

    Traiskirchen T1: Startseite

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Silber

    Struktur der Neuigkeiten: zuerst kommt Bild und dann erst die Überschrift
    wenn Bildinhalte wichtig/notwendig, dann erst nach Überschrift ausgeben - wenn als Deko-Element betrachtet: mit alt="" ausstatten und somit hinfällig

    Kriterium 1.4.5 - Bilder eines Textes: Silber

    bei den Neuigkeiten kommen viele Bilder mit Text vor - sollten die darauf befindlichen Informationen nicht auf der Detailseite in reiner Textform vorhanden sein, müsste diese entsprechend ergänzt werden.

    Beispiele:

    - "Halloween Pfad mit vier spaßig-gruselige Stationen in Traiskirchen" Im Bild steht, dass keine Anmeldung erforderlich ist. Im Text ist das aber nicht abgebildet.

    - "Grundlagen der Ölmalerei mit Philip Ackermann" Anhang eines Fotos steht als Text im Bild aber nicht im Beschreibungstext.

    - "Musik in der Fabrik 2021" Freier Eintritt steht ebenfalls im Foto aber nicht im Text.

    Kriterium 2.4.2 - Seite mit Titel versehen: Silber

    Titel der Startseite sollte um konsistent mit den Unterseiten zu sein ebenfalls "Startseite | Traiskirchen" sein.

    Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

    Aufgrund der "masonry"-Darstellung ist die (visuelle) Reihenfolge der Beiträge nicht optimal

    Kriterium 3.2.3 - Konsistente Navigation: Silber

    siehe T0

    Traiskirchen T2: Suchergebnis

    Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

    siehe 1.1.1 - durch Textalternative für "X" bei aktive Filter würde auch der Linkzweck eindeutiger

    Gold
    alle interaktiven Funktionen (Filter auf- zuklappen, filtern, Paginierungs-Seite wechseln, etc.) sollten genauer beschrieben sein

    Traiskirchen T3: Bürgerservice

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

    Textalternativen der Beitragsbilder sind eine Verdoppelung des Linkzieles - besser hier ein leeres alt-Attribut verwenden

    Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

    siehe 1.1.1 - Textalternative der Bilder sind Teil des Link-Textes

    Kriterium 3.2.3 - Konsistente Navigation: Silber

    siehe T0

    Traiskirchen T4: Entsorgung

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

    das erste Bild hat als Alternativtext "Was entsorge ich wo?" hinterlegt - das ist wiederum der Seitentitel und keine adäquate Beschreibung des Bildinhaltes

    Kriterium 1.4.1 - Benutzung von Farbe: Bronze

    siehe T0

    Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

    Beitragsbilder können per Klick vergrößert werden - dazu gibt es aber keinen Hinweis im Linktext

    Kriterium 3.2.2 - Bei Eingabe: Bronze

    siehe 2.4.4

    Kriterium 3.2.3 - Konsistente Navigation: Silber

    sieh T0

    Traiskirchen T5: Formulare

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    die beiden Bilder im Inhaltsbereich haben beim alt-Attribut sowie dem <figcaption>-Element den gleichen Text hinterlegt - Information also doppelt vorhanden

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Tabellen für Linksammlungen nicht ideal (siehe auch 1.4.10), zumindest sollten Überschriften in Form von <th>-Elementen vorhanden sein für Konformität

    Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

    Vergrößerung der beiden Inhaltsbilder werden nicht kommuniziert;

    Gold
    bei direkten Downloads wird die Dateigröße nach dem Link ausgegeben und nicht im Link (Linktext sollte also auch Dateigröße beinhalten)

    Kriterium 3.2.2 - Bei Eingabe: Bronze

    siehe 2.4.4 (Bild Lightbox)

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Gold
    weitere Attribute wie aria-selected und aria-controls ergänzen

    Traiskirchen T6: Rathaus

    Traiskirchen T7: Abfuhrplan

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Überschriftenstruktur nicht ideal: h3 wird ausgelassen;

    Traiskirchen T8: Veranstaltungen

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Silber

    das Datum einer Veranstaltung kommt vor der Überschrift - besser wäre nachher

    Kriterium 2.4.2 - Seite mit Titel versehen: Silber

    aktive Filter werden nicht entsprechend gekennzeichnet (obwohl eigene URL)

    Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

    die rechte Spalte wir noch vor den Veranstaltungen fokussiert, das würde man nicht erwarten

    Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Bronze

    keine sichtbare Überschrift (siehe auch 2.4.2)

    Kriterium 3.2.3 - Konsistente Navigation: Bronze

    siehe 2.4.6

    Kriterium 4.1.1 - Syntaxanalyse: Bronze

    ID "news-minimumDate" bzw. "news-maximumDate" kommt zweimal vor

    Traiskirchen T9: Veranstaltung-Detail

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

    Die Textalternative des Beitragsbilds (.post-thumbnail) ist kein Ersatz für das Bild (statt Beschreibung des Inhaltes wird Titel ausgegeben)

    Kriterium 2.4.7 - Fokus sichtbar: Bronze

    Fokus auf Bild ist nicht deutlich erkennbar

    Kriterium 3.2.3 - Konsistente Navigation: Bronze

    in den Breadcrumbs fehlt "letzter" Eintrag (aktuelle Seite)

    Traiskirchen T10: Zufallssample