Zertifikatsbericht für Traiskirchen

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

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

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