Webseiten Betreiber: Wiener Tourismusverband
Webseiten Domain: www.wien.info
Zertifikat Status: Silber
Zertifizierungsdatum: 25.03.2025
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 des Wiener Tourismusverbandes www.wien.info und 2 weitere Subdomains mit den URLs b2b.wien.info und meeting.vienna.info sind in deutscher und englischer Sprache bis auf ganz kleine Probleme barrierefrei sehr gut nutzbar. Lediglich in Bezug auf die Headline Semantik und bei kleineren technischen Umsetzungen gibt es Abweichungen zur WCAG, wobei BenutzerInnen dadurch nicht wesentlich benachteiligt werden. Allgemein muss angemerkt werden, dass elementare Punkte der WCAG sehr sauber implementiert wurden bzw. allgemein ein großer Wert auf die durchgehende Zugänglichkeit von Informationen gelegt wurde.
Folgende Verlinkungen der Websites waren nicht im Scope des Audits, da externe URLs:
Geprüftes Testsample
Abweichungen zur WCAG und WACA-Einstufung
Wien-Tourismus: T00 Rahmen der Website
Kriterium 1.4.5 - Bilder eines Textes: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun korrigiert.
Das Logo im Header hat ein Text-im-Bild, welches nicht adäquat im Alternativ-Text abgebildet ist: Der Alternativtext lautet "wien.info", in Darstellung lautet es jedoch "Wien: jetzt - für immer", so sollte es auch im Alternativtext lauten.
Dasselbe gilt für den Footerbanner: Der Alternativtext umfasst nicht die Textinformation im Bild und kann auf die wesentliche Information des Bildes beschränken, zB "Austrian - So bequem. Welt anseh'n. - a Staralliance Member".
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Es gibt nicht nicht komplette Start und End-Tags.
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Das Modal hat ein aria-describedby="dialogDescription", die nicht entsprechend referenziert ist. Es gibt aria-label auf Elementen, für das es nicht gedacht ist.
Wien-Tourismus: T01 Startseite DE
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Die Überschriftenhierarchie trotz der untenstehenden Abweichung klar gegliedert!
Die Überschriften-Struktur ist nicht logisch (h3 nach einer h1)
Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde verbessert.
Im Hero Video gibt einen visuell unsichtbaren Button zum abspielen des Videos, wo eigentlich der sichtbare Playbutton ausreichend ist (Redundanzen sollten eigentlich vermieden werden).
Kriterium 1.4.3 - Kontrast (Minimum): Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde verbessert.
Der Text über der Collage ist nicht optimal zu lesen und erfüllt stellenweise die Kontrastanforderungen nicht.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Nachaudit: Unverändert
Es gibt nicht nicht komplette Start und End-Tags.
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Nachaudit: Unverändert (aria-label auf einem div Element und leeres aria-label auf der Hauptnavigation)
Das Modal hat ein aria-describedby="dialogDescription", die nicht entsprechend referenziert ist. Es gibt aria-label auf Elementen, für das es nicht gedacht ist.
Wien-Tourismus: T02 Startseite EN
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Das ist im seitenübergreifenden Kontext vertretbar
Die Überschriften-Struktur ist nicht logisch (h3 nach einer h1)
Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Erfüllt / Nicht Anwendbar
- Nachaudit: Das ist nun verbessert worden.
Im Hero Video gibt einen visuell unsichtbaren Button zum abspielen des Videos, wo eigentlich der sichtbare Playbutton ausreichend ist (Redundanzen sollten eigentlich vermieden werden).
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- Der Text über der Collage ist nicht optimal zu lesen und erfüllt stellenweise die Kontrastanforderungen nicht.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Es gibt nicht nicht komplette Start und End-Tags.
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Das Modal hat ein aria-describedby="dialogDescription", die nicht entsprechend referenziert ist. Es gibt aria-label auf Elementen, für das es nicht gedacht ist.
Wien-Tourismus: T03 Suche
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Die Struktur ist im seitenübergreifenden Kontext vertretbar.
Die Überschriftenstruktur der Suchergebnisseseite mit dem Begriff "Test" ist nicht logisch gegliedert, nach einer H2 kommen vier H4.
Kriterium 1.4.11 - Nicht-Text Kontrast: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun korrigiert.
Der Farbkontrast des Borders im Suchfeld zur weißen Umgebung ist für dieses Kriterium nicht ausreichend, es sollte mindestens 3:1 sein, hier ist es jedoch 1,3:1.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es sind keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T04 Newsletter
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Struktur ist unverändert im Kontext vertretbar
Die Überschriften-Struktur ist nicht logisch aufgebaut: Nach einer H1 kommen 7 H3.
Kriterium 2.4.3 - Fokus-Reihenfolge: Erfüllt / Nicht Anwendbar
- Nachaudt: Im Screen Reader ist kein JS Event mehr auslösbar
Die versteckten Buttons des Swipe-Sliders sind nicht optimal versteckt, ein simples display: none; würde hier hilfreich sein. Zwar sind die Buttons disabled, dennoch kann hier mit dem Screen Reader ein JS Event ausgelöst werden, der kurioserweise auf eine andere Seite führt.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T05 Gebärdensprache
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Struktur ist unverändert im seitenübergreifenden Kontext vertretbar
Durch den Survey-Banner wird in der Überschriftenhierarchie vor der H1 ein H3 ausgegeben, wodurch die semantische logische Gliederung der restlichen Seite unterbrochen wird, die an sich sonst vorbildlich ist.
Kriterium 1.4.12 - Textabstände: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun behoben.
Durch durch das Textspacing kommt es durch den Survey-Banner zu einer Überlappung, womit der Link und die Hauptüberschrift der Seite komplett bzw. teilweise nicht lesbar ist.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T06 Wien barrierefrei
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Struktur ist im seitenübergreifenden Kontext vertretbar
Durch den Survey-Banner wird in der Überschriftenhierarchie vor der H1 ein H3 ausgegeben, wodurch die semantische logische Gliederung der restlichen Seite unterbrochen wird, die an sich sonst vorbildlich ist.
Kriterium 1.4.12 - Textabstände: Erfüllt / Nicht Anwendbar
- Hier kommt es zu keiner Überlappung im Vergleich zu T05.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es sind keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T07 Essen und Trinken
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Durch den Survey-Banner wird in der Überschriftenhierarchie vor der H1 ein H3 ausgegeben, wodurch die semantische logische Gliederung der restlichen Seite unterbrochen wird, die an sich sonst vorbildlich ist.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es sind keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T08 Wiener Beisl
Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar
- Nachaudit: Ist offenbar etwas verbessert worden.
Die Pfeiltasten (Links/Rechts) sind mit einer JS-Funktion versehen, welches das Vorlesen von Bildern (alt-text) bei diesem Card-Markup-Pattern mit Link als Wrapper unmöglich macht. Der Sinn dieser Funktionalität ist ohnehin zu hinterfragen.
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Die Struktur ist hier vertretbar
Die Überschriften-Hierarchie ist auf dieser Seite nicht logisch und linear aufgebaut (zB. H3 vor H1, H3 nach H1, H6 nach H4.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibiliity relevanten Fehler vorhanden.
Wien-Tourismus: T09 Podcast
Kriterium 1.2.1 - Reine Audio- und Videoinhalte (aufgezeichnet): Silber
- Der Podcast verfügt über keine Transkription.
Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Erfüllt / Nicht Anwendbar
- Es ist eine kontextuelle Frage, ob der wesentliche Inhalt akustisch nachvollziehbar ist. Es ist ohnehin eine konzeptionelle Frage der Videogestaltung, wo die visuelle Darstellung durch die akustische Aussage eine Balance bilden. Die Untertitel sind keine Transkription im eigenen Sinne, sind jedoch technisch zugänglich. Youtube hat ohnehin keine Möglichkeit eine Audiodeskription einzubetten, deswegen ist die Bewertung nicht anwendbar.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Die Überschriftenhierarchie ist nicht durchgehend logisch geglieder (H3 nach H1, H6 nach H3).
Kriterium 1.4.5 - Bilder eines Textes: Silber
- In Bildern ist Text drinnen, der nicht im Alt-Text vorhkommt (zB. Bähö) im Heroimage.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessiblity Fehler vorhanden.
Wien-Tourismus: T10 Musikleben
Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Erfüllt / Nicht Anwendbar
- Audiodeskriptionen sind mit Youtube nicht möglich, daher ist nur eine Medienalternative in Form von Text möglich.
Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Erfüllt / Nicht Anwendbar
- Youtube kann keine Audiodeskription einbetten, daher kann dieses Kriterium nicht angewendet werden.
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Die H6 ist entfernt worden, die Struktur ist im Seitenüberfreifenden Kontext vertretbar.
Die H6 nach einer H1 zerstört die an sich gute gegliederte Überschriften-Hierarchie.
Wien-Tourismus: T11 Albertina
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Die Struktur ist im seitenübergreifenden Kontext vertretbar
Es gibt hier drei H3 nach der H1, die Überschriftenhierarchie ist hier nicht logisch gegliedert.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es gibt keine für die Accessibility relevanten Fehler.
Wien-Tourismus: T12 Unterkünfte Überblick
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Die Seitenstruktur ist an sich gut, nur ist es nicht sehr sauber getrennt von Footer Headings. Es wäre besser, wenn im Footer die Headings ähnlich gegliedert wären wie auf der ähnlich aufgebauten Seite: https://meeting.vienna.info/de/veranstaltungsplanung/venue-finder
Wien-Tourismus: T13 Unterkunft Detail
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Struktur ist im seitenübergreifenden Kontext vertretbar.
Die Überschriftenhierarchie ist nicht logisch gegliedert (H3 nach einer H1).
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T14 Unterkunft suchen
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Es gibt eine H3 vor der H1, welche die ansonsten vorbildliche Überschriftenschriftenhierarchie beeinträchtigt.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler vorhanden.
Kriterium 4.1.2 - Name, Rolle, Wert: Erfüllt / Nicht Anwendbar
- Nachaudit: Das offenbar verbessert worden.
Die Dropdowns in der Suche sind komplexer und für einen Screen Reader User nicht das sinnvollste Pattern. Hier ein vergleichbares Pattern, das wesentlich mehr Informationen dem Screen Reader User vermittelt: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/#ex_label
Wien-Tourismus: T15 Quiz
Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar
- Nachaudit: Das ist inzwischen behoben worden.
Im Quiz fehlt ein Alternativtext beim Bild bei der vierten Frage "Sind Sie Kunst-Liebhaber:in oder Kultur-Muffel?"
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Die H6 ist behoben worden, die Struktur ist im seitenübergreifenden Kontext vertretbar.
Die Überschriftenhierarchie ist nicht logisch gegliedert (nach der h1 kommt eine h3 und danach eine h6). Beim Quiz ist es empfehlenswert, dass dieser in einem Section-Element als Quiz-Wrapper eingebettet ist, da der Quiz interaktiv ist, damit wird es vom Screen Reader als ein eigenständiger Inhaltsbereich wahrgenommen werden kann.
Kriterium 2.4.3 - Fokus-Reihenfolge: Silber
- Nachaudit: Unverändert
Die Fokusreihenfolge beim Quiz ist nicht optimal, sobald man einen Button angeklickt hat, landet der Fokus wieder beim Body-Element und man muss wieder durch die ganze Seite durchtabben, um die nächste Frage beantworten zu können. Das fehlt ein wenig das Fokusmanagement.
Wien-Tourismus: T16 Gewinnspiel
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T17 B2B Startseite DE
Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar
- Nachaudit: Das ist inzwischen behoben worden
Bei "Aktuell" fehlt beim zweiten, dritten und vierten Bild fehlt der Alternativtext. Die anderen "fehlenden" Alternativtexte sind in Ordnung, da sie dekorative Bilder auszeichnen.
Der Swipe-Slider ist aufgrund der Pfeiltasten-Funktionen problematisch, welcher im Screen Reader das Vorlesen der Bilder erschwert.
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Die Seite ist vorbildlich betreffend der Überschriftenhierarchie.
Kriterium 1.4.5 - Bilder eines Textes: Erfüllt / Nicht Anwendbar
- Nachdaudit: Das ist inzwischen behoben worden.
Das zweite Bild bei "Strategie, Zahlen und Fakten" hat ein Text im Bild und sollte dementsprechend wortident ausgezeichnet werden als "nachhaltig". Der Screen Reader User erkennt ohnehin, dass es um ein Bild handelt, daher kann die Bezeichnung Logo wegfallen (gilt bei Alternativtexten generell: sie sollen kurz und prägnant wie möglich sein, je länger der Text, umso länger dauert das Vorlesen). Bei "Vienna Visitor Economy Series" gilt es nicht, das es im eine wortidente und redundante Information ist, die im Text unmittelbar danach nochmals vorgelesen wird. Hier kann man den Alternativ-Text aussparen mit alt="".
Kriterium 1.4.12 - Textabstände: Silber
- Bei der Textabständen verschwindet die H1 mit der Animation.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es gibt keine für die Accessibility relevanten Fehler.
Wien-Tourismus: T18 B2B Startseite EN
Kriterium 1.4.5 - Bilder eines Textes: Erfüllt / Nicht Anwendbar
- Nachaudit: Das ist inzwischen behoben worden.
Alternativtext lautet beim Nachhaltigkeitslogo "Logo Sustainability" und der Text im Bild sollte wortident lauten "sustainable". Der Screen Reader User erkennt ohnehin, dass es um ein Bild handelt, daher kann die Bezeichnung Logo wegfallen (gilt bei Alternativtexten generell: sie sollen kurz und prägnant wie möglich sein, je länger der Text, umso länger dauert das Vorlesen).
Kriterium 1.4.12 - Textabstände: Silber
- Bei der Textabständen verschwindet die H1 mit der Animation.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es gibt keine für die Accessibility relevanten Fehler.
Wien-Tourismus: T19 B2B Gruppenrestaurants
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde alles verbessert! Die Überschriftenhierarchie ist auf bis auf die Hierarchieabweichung Filter- und dem Infobanner konsistent.
Erstens, die Custom Range Slider sind zwar via Tastatur fokussierbar, allerdings weiß der Screen Reader User nicht, was es hier tut. Hier ein Beispiel wie ein Custom Range Slider in einem Screen Reader barrierefrei implementiert werden kann:
https://www.w3.org/WAI/ARIA/apg/patterns/slider/examples/slider-temperature/#ex_label
Zweitens, die Datentabelle wird via CSS mit display: none; in der Klasse auf dem TR-Element visuell in der Darstellung verändert. Das Problem bei dieser Methode ist, dass display: none; auf TR-Elementen im Screen Reader keinen Effekt hat. Die Tabelle wird dennoch komplett vorgelesen inklusive der Gesamten Zeilenanzahl von 187 (die Tableheader-Zeile wir hier mitgezählt).
Es ist besser, wenn man hier den DOM so manipuliert, daß die nicht relevanten Zeilen aus dem DOM gelöscht bzw. wieder hinzufügt werden und der jeweilige Status angekündigt werden in einer ARIA-Live-Region. Dann erst wäre es barrierefrei interaktiv. Hintergrund ist, dass eine Datentabelle extrem komplex ist und daher Screen Reader display: none; hier ignorieren.
Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde verbessert.
Die bedeutungstragende Reihenfolge der Datendarstellung, die durch die Interaktivität durch die Range Slider Funktionalität verändert wird, wird im Screen Reader nicht so dargestellt.
Kriterium 1.4.5 - Bilder eines Textes: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun verbessert
Das Logo der Seite enspricht nicht dem Alternativtext, dieser sollte besser "Wien - b2b.wien.info" lauten, wenn die Url wegen dem Link auch drinnen sein sollte (siehe auch Kommentar im Kriterium 1.4.5 in T21).
Kriterium 1.4.11 - Nicht-Text Kontrast: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde jetzt verbessert
Das Suchfeld hat beim Border keinen ausreichenden Konstrast (1,3:1 statt mindestens 3:1)
Kriterium 2.1.1 - Tastatur: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun verbessert
Die mit einer Button-Funktionalität versehen Links zum Ein- und Ausblenden können nicht via Tastatur benutzt werden, da Links erst nur mit dem href-Attribute erst focusable sind. Hier es emfpfiehlt sich, Button-Elemente zu verwenden, da diese nur JS-Funktionalitäten auslösen. Er wäre auch besser hier einen Reset-Button anzubringen, um den Ursprungszustand der Range-Slider und der Datentabelle wiederherzustellen.
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun verbessert
Die Custom Range Slider verfügen über keine funktionale und semantische Labels.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler.
Kriterium 4.1.2 - Name, Rolle, Wert: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun verbessert
Die Links mit der Buttonfunktion sind durch durch Fehlen der href-Attribute nicht nicht via Tastatur bedienbar und somit kann auch nicht der Klick-Event via Tastatur betätigt ewrden (hier wurde schon erwähnt, dass Button-Elemente das bessere Element dafür sind. Bei den Range Sliders werden die Namen und jeweils aktuellen Zustände, Eigenschaften und Benachrichtugenen nicht an die Accessibility API sowie Benutzeragenten weitergegeben, da einfach die ensprechenden Attribute dazu fehlen.
Kriterium 4.1.3 - Statusmeldungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun verbessert.
Es gibt keine Statusmeldungen über die jeweiligen Veränderungen in der Tabelle, wenn die Range Sliders betätigt werden.
Wien-Tourismus: T20 B2B News-Artikel
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T21 MD Meeting Destination Startseite DE
Kriterium 1.4.1 - Benutzung von Farbe: Silber
- Wenn man den Range Slider bedient, dann kommt ein Hakerl, das nur durch seine Farbe und Form eine Information wiedergibt, die keinerlei eine Entsprechung für den Screen Reader mitteilt.
Kriterium 1.4.5 - Bilder eines Textes: Silber
- Einige Alternativtexte für Text Bild sind nicht adäquat. Man sollte diese prinzipiell kurz und präzise halten, zB "Teaserbild Vienna Meeting Fund" ist zuviel Information, "Vienna Meeting Fund" wäre völlig ausreichend.Für die Bewertung sind andere Bild-im-Text-Alternativtexte auf dieser Seite ausschlaggebend: "MDV Newsletter Pop Up Promotion" ist etwas anderes als "Meeting Destination Vienna - now - together". Der zur Website von der Stadt sollte schlicht einfach mit "Stadt Wien" ausgezeichnet werden, ist hier aber nicht ausschlaggebend, anders ist es hier beim Link daneben "Website der WKO" sollte explizit mit "WKO Wien - Wirtschaftskammer Wien" ausgezeichnet werden. Gutgemeinte Zusatzinformationen sind überflüssig, da es im Kontext für den Screen Reader User ohnehin klar ist und somit informelle Redundanzen sind, welche die Vorlesedauer unnötig verlängert.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es gibt keine für den Screen Reader relevanten Fehler.
Wien-Tourismus: T22 MD Vienna Meeting Fund
Kriterium 1.4.5 - Bilder eines Textes: Erfüllt / Nicht Anwendbar
- Nachaudit: Das ist inzwischen behoben worden.
Siehe Kommentar zum selben Kriterium in T21.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es gibt keine für die Accessibility relevanten Fehler.
Wien-Tourismus: T23 MD Veranstaltungsplanung
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde alles verbessert, die Überschriftenhierarchie ist bis auf die Abweichungen beim Filter und beim Infobanner klar gegliedert.
Die Custom Range Slider sind zwar via Tastatur fokussierbar, allerdings weiß der Screen Reader User nicht, was es hier tut. Hier ein Beispiel wie ein Custom Range Slider in einem Screen Reader barrierefrei implementiert werden kann:
https://www.w3.org/WAI/ARIA/apg/patterns/slider/examples/slider-temperature/#ex_label
Die Datentabelle wird via CSS mit display: none; in der Klasse auf dem TR-Element visuell in der Darstellung verändert. Das Problem bei dieser Methode ist, dass display: none; auf TR-Elementen im Screen Reader keinen Effekt hat. Die Tabelle wird dennoch komplett vorgelesen inklusive der Gesamten Zeilenanzahl von 263 (die Tableheader-Zeile wir hier mitgezählt).
Es ist besser, wenn man hier den DOM so manipuliert, daß die nicht relevanten Zeilen aus dem DOM gelöscht bzw. wieder hinzufügt werden und der jeweilige Status angekündigt werden in einer ARIA-Live-Region. Dann erst wäre es barrierefrei interaktiv. Hintergrund ist, dass eine Datentabelle extrem komplex ist und daher Screen Reader display: none; hier ignorieren.
Kriterium 1.4.5 - Bilder eines Textes: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde verbessert oben im Header verbessert.
Das Logo der Seite enspricht nicht dem Alternativtext, dieser sollte besser "Wien - b2b.wien.info" lauten, wenn die Url wegen dem Link auch drinnen sein sollte (siehe auch Kommentar im Kriterium 1.4.5 in T21).
Kriterium 1.4.11 - Nicht-Text Kontrast: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde verbessert.
Das Suchfeld hat beim Border keinen ausreichenden Konstrast (1,3:1 statt mindestens 3:1)
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es keine für die Accessibility relevanten Fehler.
Kriterium 4.1.3 - Statusmeldungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde nun verbessert.
Es gibt keine Statusmeldungen über die jeweiligen Veränderungen in der Tabelle, wenn die Range Sliders betätigt werden.
Wien-Tourismus: T24 MD Veranstaltungsplanung Detail
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Die Überschriften-Hierarchie ist nicht logisch gegliedert. Nach der H1 kommen reihenweise H3.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Hier gibt es sehr viele Duplicate IDs auf dieser Seite, die für die Accessibility relevant sind.
Wien-Tourismus: T25 MD Team
Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar
- Obwohl die Erfüllung der der Richtlinie eingehalten wird, gibt es hier dennoch die kleine Empfehlung, die Bilder der Teammitglieder als dekorativ auszuzeichnen (mittels alt=""), weil übermittelbar nach jedem einzelnen Bild der Name im Text wiederholt wird und somit redundante Informationen im Screenreader vorhanden sind.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Die Überschriftenhierarchie ist nicht logisch gegliedert, vor (im Surveybanner) und nach der H1 kommt bei den Überschriften jeweils eine h3.
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Keine für die Accessibility relevanten Fehler vorhanden.
Wien-Tourismus: T26 MD Formular
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Die Überschriften-Hierarchie ist vorbildlich, außer es ist das Survey-Popup sichtbar (H3 vor H1). Formular ist top!
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
- Es gibt keine für die Accessibility relevanten Fehler.
Wien-Tourismus: T27 Zufallssample 1 EN
Wien-Tourismus: T28 Zufallssample 2 DE