Zertifikatsbericht für austria.info

Webseiten Betreiber: Österreich Werbung
Webseiten Domain: www.austria.info
Zertifikat Status: Bronze
Zertifizierungsdatum: 08.12.2020

Allgemeiner Kommentar der Zertifizierungsstelle:

Zertifizierung 2020: Allgemein weist die Website keine gute Code-Qualität auf, die in Folge zu Inkonsistenzen in der Darstellung, sowie dem Verhalten führt (z.B. bei verschiedenen Browsern, aber auch bei Komponenten innerhalb der Website). Diese schlagen sich auf die Usability wie auch dementsprechend auf die Barrierefreiheit aus. Dabei gilt es technische Mängel sowie durch Redakteure verursachte Mängel zu differenzieren. Es existiert keine durchgängige Definition von Überschriften, da Headlines vom Aussehen her (auf der gleichen Seite) über unterschiedliches Markup verfügen (H2,H3,H4). Vielfach gibt es zwar ausgezeichnete, die Bilder beschreibende Informationen, aber oftmals haben diese nur einen Marketingcharakter und helfen Usern nicht, das Bild zu erfassen. Die Website kann zwar mittels assistiver Technologien konsumiert bzw. bedient werden, wobei durch Probleme die User-Experience sehr schlecht ausfällt (Tabbing bei Slidern, Teasern, etc.).

Re-Zertifizierung 2023: Derzeit kann der Bronze-Status nicht weiter beibehalten bleiben. Es haben sich seit der letzten Zertifizierung einige Mängel aufgetan, die für eine Re-Zertifizierung zu korrigieren sind:

  • Wenn das mobile Menü geöffnet ist, kann man darüber hinaus tabben, wodurch man dieses nicht mehr schließen kann.
  • Mehrere Seiten verfügen über eine Tastaturfalle.
  • Im Hauptmenü ist ein versteckter Button („Mehr“), der jedoch vom Screenreader ausgegeben wird.

Weitere Probleme der Barrierefreiheit sind:

  • Tab-Fokus ist teilweise nicht sichtbar bzw. in unterschiedlichen Browsern werden Status nicht angezeigt.
  • Überschriften-Hierarchien sind nicht aussagekräftig.
  • Filter bei den Rezepten geben kein Feedback, was man ausgewählt hat, bzw. kann man zwei anklicken, wodurch keine Rezepte mehr sichtbar sind.
  • Viele Bilder haben keinen Alt-Text, oder verfügen über einen Text mit reinem Marketing-Charakter.
  • Manche Container haben fixe Höhen, wodurch Text abgeschnitten wird, oder sich die Container überlagern.
  • Generell stellt es ein großes Problem dar, dass pro Container zig Elemente angesteuert werden und nicht nur der jeweilige Link. So gibt es bei einer Teaser-Card bis zu 6 Elemente, wobei nur 1-2 einen Link darstellen.
  • Kontraste: Es gibt bei den Hotelangeboten Preise, die über den Bildern liegen, jedoch keinen Layer haben, wodurch man überhaupt nichts lesen kann.

Folgende Verlinkungen der Website waren nicht im Scope des Audits, da externe URLs:

  • https://www.austriatourism.com/
  • https://convention.austria.info/
  • https://press.austria.info/de/
  • https://jobs.austriatourism.com/ 

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

austria.info T01: Startseite deutsch

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Das Gummistiefel-Bild verfügt über keinen Alt-Text. Es muss jedoch angemerkt werden, dass nicht alle Texte die Bildbeschreibung widergeben, sondern einige einen reinen Marketing-Charakter haben (Winter Brixental)

Kriterium 1.3.1 - Info und Beziehungen: Silber

Es gibt keine H1 auf der Seite.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Bei den Sections, in denen Text über Bildern liegt, ist kein ausreichender Kontrast gegeben. Lediglich 2,1:1. Zusätzlich ist der Text des Placeholder Labels im Suchfeld zu. gering.

Kriterium 1.4.4 - Textgröße ändern: Silber

Durch die Vergrößerung auf 200% sowie den Switch zum mobilen Menü, wird die Menüreihenfolge nicht hierarchisch durchgegangen. Zusätzlich ist die Sprachwahl auf Englisch. Man kann zudem über das Menü hinaustabben, wodurch man dieses nicht mehr

Kriterium 1.4.10 - Umbruch: Silber

In der Section, in der Text über dem Bild liegt, hat der Container bei 320px eine max. Höhe, wodurch der Text oben abgeschnitten wird.

Kriterium 2.1.1 - Tastatur: Nicht Erfüllt

Wenn das mobile Menü geöffnet ist, kann man weiter in den Content tabben, wodurch man dieses Menü nicht mehr schließen kann. Im Hauptmenü ist ein versteckter Button („Mehr“), der jedoch vom Screenreader ausgegeben wird.
Einstufung Bronze: Das Video im Header kann nicht mittels Tastastur gestartet werden, bzw. lassen sich auch die redundaten Links bei den Artikeln (Bild-Links) nicht klicken.

Kriterium 2.1.2 - Keine Tastaturfalle: Nicht Erfüllt

In der Section zu Austrian Ski Game gibt es eine Tastaturfalle und man gelangt nicht mehr weiter.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Es gibt keine Skiplinks.

Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze

Es werden jedoch Links angesteuert, die keinen Fokus und keine Funktion haben. Zusätzlich kann man über das mobile Menü hinaustabben, wodurch man dieses nicht mehr schließen kann. Dies ist ein globales Problem.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Es gibt viele redundante Links, bei denen der Fokus nicht sichtbar ist. Wenn man durch die Seite tabbt, gibt es zwischen den Links leere Positionen bzw. werden in unterschiedlichen Browsern Fokus-States teilweise nicht angezeigt (zB. "Mehr lesen" in Chrome und Firefox)

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntax Fehler, jedoch ohne gravierende Auswirkungen.

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

Im Hauptmenü gibt es ein nicht sichtbares Element (Mehr), das jedoch durch den Screenreader erfasst wird.

austria.info T02: Startseite englisch

Kriterium 1.3.1 - Info und Beziehungen: Silber

Es gibt keine H1.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Beim Text im Karusell ist lediglich ein Kontrast von 2,1:1 gegeben. Hier sollte entweder der Layer im Hintergrund abgedunkelt werden, oder der Text etwas vergrößert.

Kriterium 1.4.10 - Umbruch: Silber

Das Layout lässt 320px nicht zu, ohne dass man leicht scrollen muss, bzw. Inhalte abgeschnitten werden.

Kriterium 2.1.2 - Keine Tastaturfalle: Silber

Wenn man man am Ende der Seite ist, gelangt man nicht mehr zum Anfang, sondern hängt fest.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Es gibt keine Skiplinks

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Es gibt einige Bereiche (zB. Kacheln) bei denen der Fokus nicht sichtbar ist. Hier sollte definitiv nachgebessert werden.

Kriterium 4.1.1 - Syntaxanalyse: Silber

viele Syntax Fehler, jedoch ohne gravierende Auswirkungen.

austria.info T03: Suche

Kriterium 1.4.4 - Textgröße ändern: Silber

Durch die Vergrößerung auf 200% sowie den Switch zum mobilen Menü, wird die Menüreihenfolge nicht hierarchisch durchgegangen. Zusätzlich ist die Sprachwahl auf Englisch. Man kann zudem über das Menü hinaustabben, wodurch man dieses nicht mehr schließen kann.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks

Kriterium 2.4.2 - Seite mit Titel versehen: Silber

Auf der Seite wird der gleiche Titel, wie auf der Frontpage verwendet.

Kriterium 2.4.7 - Fokus sichtbar: Silber

Rote Outline bei Buttons ist nicht sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Einige Syntaxfehler, jedoch ohne grobe Auswirkungen.

austria.info T04: Kontakt

-

austria.info T05: Newsletter Anmeldung

Kriterium 1.4.4 - Textgröße ändern: Silber

Durch die Vergrößerung auf 200% sowie den Switch zum mobilen Menü, wird die Menüreihenfolge nicht hierarchisch durchgegangen. Zusätzlich ist die Sprachwahl auf Englisch. Man kann zudem über das Menü hinaustabben, wodurch man dieses nicht mehr schließen kann, da man sich im Seitenkontext befindet.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Es gibt auf der seite keine Skiplinks

Kriterium 2.4.2 - Seite mit Titel versehen: Silber

Die Seite verfügt über den identen generischen Titel, wie die Frontpage.

Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

Fokus Reihenfolge des mobilen Menüs ist nicht ident mit der visuellen.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fokus ist nicht in allen Browsern sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler, die wie etwa eine nicht unique ID Probleme bereiten können.

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

IDs der Submit Buttons (Suche und Newsletter Anmeldung) sind ident.

austria.info T06: Content Beispiel

Kriterium 1.3.1 - Info und Beziehungen: Silber

Es gibt auf der Seite keine H1.

Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Silber


Kriterium 2.1.2 - Keine Tastaturfalle: Nicht Erfüllt

Beim "Mehr lesen"-Button bei Mountainbiking gibt es eine Tastaturfalle und man kann nicht weiter tabben.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Es gibt keine Skiplinks

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Bei vielen Objekten können redundante Links angesteuert werden, bzw. erhalten manche keinen Fokus. So sollten zB. Cards nur über einen Link verfügen. Aktuell können alle Container separat angesteuert werden.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Es gibt sehr viele Syntaxfehler. https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.austria.info%2Fde%2Faktivitaeten%2Fseen-und-natur%2Faktivurlaub-in-oesterreich

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

Im Hauptmenü gibt es ein nicht sichtbares Element (Mehr), das jedoch durch den Screenreader erfasst wird.

austria.info T07: Download

Kriterium 1.3.1 - Info und Beziehungen: Silber

Visuelle Struktur weicht von der im Code ab, da für gleiche Überschriften unterschiedliche Headlines ausgegeben werden, bzw. Elemente mit gleicher Gewichtung einmal eine Headline darstellen, einmal nicht.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Es gibt keine Skiplinks

Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

Im Firefox werden die einzel-Links der Hauptstädte und Organisationen übersprungen.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fokus ist nicht in allen Browsern sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler.

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

Auf eine H2 folgt eine H4.

austria.info T08: Aktivitäten

Kriterium 1.3.1 - Info und Beziehungen: Silber

Das Menü verfügt über ein verstecktes Element, das jedoch vom Screenreader ausgegeben wird.

Kriterium 2.1.2 - Keine Tastaturfalle: Nicht Erfüllt

Der Container mitAustrian Ski Games #ASG23 stellt eine Tastaturfalle dar, da man hier nicht weitertabben kann.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fokus ist leider nicht in. allen Browsern und überall sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Sehr viele Syntax-Fehler (Attribute, Klassen, etc.).

austria.info T09: Apps

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Die ÖBB Apps verfügen über keinen Alt-Text.

Kriterium 1.3.1 - Info und Beziehungen: Silber

Im Hauptmenü ist ein versteckter Button, der jedoch über Screenreader ausgegeben wird.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fokus ist bei allen App-Links nicht sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler!

austria.info T10: barrierefreies Reisen

Kriterium 1.3.1 - Info und Beziehungen: Silber

Es gibt im Hauptmenü einen versteckten Button.

Kriterium 2.1.2 - Keine Tastaturfalle: Nicht Erfüllt

Der Block mit dem Grazer Stadtführer stellt eine Tastaturfalle dar.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Es gibt keine Skiplinks

Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

Im Firefox werden Linkliste übersprungen.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fokus ist nicht in allen Browsern sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler.

austria.info T11: Unterkünfte

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Im Karusell fehlen bei zwei Bildern die Alt-Texte

Kriterium 1.3.1 - Info und Beziehungen: Silber

Versteckter Button im Hauptmenü.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Durch den Einsatz von Bildern hellen Bereichen, die von Text überlagert werden, reicht der Kontrast nicht aus.

Kriterium 1.4.4 - Textgröße ändern: Bronze

Durch Schriftvergrößerung überlagern sich Bereiche, bzw. werden Texte durch fixe Höhen bei Elementen abgeschnitten.

Kriterium 2.1.2 - Keine Tastaturfalle: Nicht Erfüllt

Tastaturfalle durch Komponente "Aktuelle Urlaubsangebote"

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks

Kriterium 2.4.7 - Fokus sichtbar: Silber

Nicht in allen Browsern sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Sehr viele Syntax-Fehler.

austria.info T12: Suche Veranstaltung

Kriterium 1.3.1 - Info und Beziehungen: Silber

Es gibt keine H1

Kriterium 1.4.4 - Textgröße ändern: Silber

Bei 200 % auf Tabletbreite wird das Textfeld der Suche zu schmal und der Text ragt darüber hinaus.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Nicht in allen Browsern sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler

austria.info T13: Rezepte

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Filter haben keine Beschreibung

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Überschriften Hierarchie stimmt nicht. Auf eine H2 oder H3 folgt eine H5. Hier sollten die Teaser-Styles angepasst werden.

Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

Filter-Icons haben zu geringen Kontrast.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks

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

Filterbuttons haben kine Labels

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Nicht in allen Browsern sichtbar.

Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Bronze

Filterbuttons haben keine Beschreibung

Kriterium 3.2.2 - Bei Eingabe: Bronze

Bei Filterung der Rezepte erhalten Nutzer kein Feedback.

Kriterium 3.3.1 - Fehlererkennung: Bronze

Wenn man zwei Filter auswählt, werden keine Ergebnisse angezeigt, wobei Nutzer hiervon keine Information erhalten.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze

Fehlende Labels bei den Filtern bzw. Info über fehlende Suchergebnisse fehlt.

Kriterium 3.3.3 - Fehlerempfehlung: Bronze

Keine Information bei fehlerhafter Bedienung.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Filter müssen optimiert werden, da User hier keine Information erhalten.

austria.info T14: Angebote englisch

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Viele Alt-Texte der Bilder beschreiben nicht das Bild, sondern geben lediglich den Hotelnamen wieder und haben reinen Marketingcharakter

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Überschriften Hierarchie stimmt nicht, da H1 fehlt, bzw. H4 auf H2 folgen.

Kriterium 1.4.3 - Kontrast (Minimum): Bronze

Preisangaben liegen ohne Layer über den Bildern.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Collapsible-Icons der Map-Details sind nicht korrekt ausgezeichnet, wodurch man nicht weiß, was passiert. Zusätzlich gibt es einen Rechtschreibfehler, da bei einem Link "Lead more" steht.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fokus ist nicht immer sichtbar. Auch nicht in den Map-Details.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viiele Syntaxfehler.

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Collapsible Icons wurden nicht korrekt ausgezeichnet.

austria.info T15: Radroute

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Einige Informationen beschreiben nicht das Bild, sondern haben lediglich Marketingcharakter (KTM-Bike, Tauernradweg, usw.).

Kriterium 1.2.1 - Reine Audio- und Videoinhalte (aufgezeichnet): Silber

Der im Video eingeblendete Text steht nicht als Untertitel zur Verfügung, bzw. wird nicht gesprochen.

Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Silber

Es gibt keine Alternativen zu den im Video sichtbaren Text.

Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Bronze

Keine Deskription zu den im Video sichtbaren Texten.

Kriterium 1.3.1 - Info und Beziehungen: Silber

Im Hauptmenü ist ein versteckter Button.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fokus in Browsern nicht überall sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler

austria.info T16: Zufallssample 1

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Das Fisch-Icon hat keine Bezeichnung.

Kriterium 1.3.1 - Info und Beziehungen: Silber

Es gibt im Hauptmenü einen versteckten Button.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Es gibt auf der Seite Bilder von Rezepten, auf denen Text liegt, der jedoch aufgrund der Hintergrundfarbe einen zu geringen Kontrast hat.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Nicht in allen Browsern sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

Es gibt keine H1 auf der Seite.

austria.info T17: Zufallssample 2

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Es gibt viele Alt-Texte, die lediglich Marketingcharakter haben, nicht jedoch das Bild beschreiben.

Kriterium 1.3.1 - Info und Beziehungen: Silber

Auf eine H1 folgt eine H3, bzw. stellt die Hierarchische Struktur nicht die visuelle dar. Zusätzlich wird die Aufzählung unterhalb der Galerie als 4 Aufzählungen mit jeweils einem Element ausgegeben.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Nicht in allen Browsern sichtbar.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Syntaxfehler