Zertifikatsbericht für austria.info

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

Allgemeiner Kommentar:

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

Hauptprobleme der Website:
- Kein konsistentes Fokusmanagement: Teilweise verfügen Elemente über keinen Fokus, wodurch man nicht weiß, wo man sich befindet.
- Keine lineare Struktur (Headlines): So gibt es nirgendwo eine H1. Gestartet wird oftmals mit einer H4 des ersten Tooltips in zB. einem Hero-Image.
- Responsive Design: Die Seite verfügt über kein solides responsive Behavior, wobei Teasertexte seitlich über den Viewport hinausstehen oder von Bildern überlagert werden. Ebenso sind die fixen Höhen von Containern problematisch, da selbst auf einem mobilen Gerät Inhalte hinter der Seite verschwinden und so Angebote durch User generell nicht genutzt werden können.
- Redundante Links: Teaser, aber auch andere Elemente (zB. Slider) verfügen über eine Vielzahl von redundanten Links, wodurch das Tabbing extrem erschwert wird.
- Aria-Attribute: Links werden mittels Aria-Labels beschriftet, was nicht nötig wäre, wären sie korrekt definiert. Zusätzlich bekommt der Screenreader keine Informationen über Inline-Errors mit.
- Labels & IDs: Die Suche verfügt über kein Label, sowie gibt es bei Slidern keine eindeutigen IDs

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.3.1 - Info und Beziehungen: Bronze

Auf eine H4 am Anfang, folgt eine H2; auf eine H2 wieder eine H4. Hier wurde keine konsistentes Styling definiert, da Headlines auch visuell sich nicht unterscheiden, obwohl diese als H2, bzw. H4 ausgegeben werden. IDs sind nicht unique (Tooltips)

Kriterium 1.4.1 - Benutzung von Farbe: Silber

Das i-Icon wird eingesetzt, um die Wichtigkeit der Information zu vemritteln. Dies ist aber lediglich für sehende User möglich, da keine zusätzliche Information ausgegeben wird.

Kriterium 1.4.3 - Kontrast (Minimum): Bronze

Durch die vielen Textoverlays, kann die Schrift oftmals (vor allem bei Winterfotos) sehr schlecht wahrgenommen werden.

Kriterium 1.4.10 - Umbruch: Nicht Erfüllt

Im Vergleich zum Header, bei dem der weitere Text weggelassen wird, steht dieser im unteren Bereich (Adventskalender) sehr wohl dort. Dies führt somit zu einem Informationsverlust für User. Zusätzlich wird der Text und der Button beim Informationstext zu "Wiedersehen in Österreich" komplett abgeschnitten.

Kriterium 1.4.12 - Textabstände: Silber

Aufgrund fixer Höhe des Teaser Headers wird die Schrift abgeschnitten.

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Die Tooltips werden durchgehend angezeigt, auch wenn man mit dem Cursor wieder aus dem Bereich ist, bzw. durchtabbt. Auch werden diese zwar vorgelesen, aber es wird auch media_content-tooltip.skipped ebenso vorgelesen.

Kriterium 2.1.1 - Tastatur: Bronze

Im Safari überspringt man die erste Nav Ebene und landet direkt in der Suche.

Kriterium 2.1.2 - Keine Tastaturfalle: Silber

Im Chrome (Win/Mac) bleibt man beim Adventskalender Gewinnspiel hängen und kommt nicht weiter. Im Firefox funktioniert es hingegen.

Kriterium 2.4.1 - Blöcke umgehen: Silber

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Es gibt sehr viele redundante Links, da eine Beschreibung fehlt.

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

Suche verfügt zB. über kein Label.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Kein konsistentes Fokus Management, wodurch manche Elemente nicht gehighlightet werden.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label.

Kriterium 3.3.3 - Fehlerempfehlung: Bronze

Die inline errors sind für den Screenreader nicht erkennbar.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, ...

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links mit aria Attributen,

austria.info T02: Startseite englisch

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Es folgt auf eine H4 eine H2, sowie dann auch umgekehrt. Kein konsistentes Styling, etc.

Kriterium 1.3.3 - Sensorische Eigenschaften: Silber

i-Icon verfügt über keine Textalternative, wodurch der Informationscharakter nicht dem sichtbaren entspricht.

Kriterium 1.4.3 - Kontrast (Minimum): Bronze

Im Gegensatz zum Headerbild, verfügen anderen Bilder über keinen dunklen Layer, wodurch Schrift extrem schwer erkennbar ist.

Kriterium 1.4.10 - Umbruch: Bronze

Der zweite Teil des Textes im Headerimage wird im Gegenteil zu anderen Bereichen einfach ausgeblendet. Wegen der fixen Höhe.

Kriterium 1.4.13 - Eingeblendete Inhalte: Bronze

Sichtbare Tooltips verschwinden nicht, wenn man weiter-tabbt.

Kriterium 2.1.1 - Tastatur: Bronze

Im Safari fängt man erst bei der Suche an.

Kriterium 2.1.2 - Keine Tastaturfalle: Silber

In Firefox, sowie Chrome (Win/Mac) bleibt man in dder seite beim Gewinnspiel hängen.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden teilweise mit Aria Attributen ausgegeben bzw. gibt es sehr viele redundanten Links.

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

Suche verfügt über kein Label.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

FokusManagement nicht konsistent implementiert, wodurch teilweise Fokus verschwindet.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze

Suche verfügt über kein Label.

Kriterium 3.3.3 - Fehlerempfehlung: Silber

inline errors sind für SR nicht erkennbar.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, ...

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Duplicate IDs, sections ohne headings, leere links,

austria.info T03: Suche

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

Suche verfügt über kein Label.

Kriterium 2.4.7 - Fokus sichtbar: Silber

Kein durchgängiges Fokusmanagement. zB. werden Social Links ausgelassen.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Die Inline-Errors werden vom Screenreader nicht erkannt.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Validierungsfehler, Links werden mit Aria Labels beschrieben, href Attribute mit Whitespaces.

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind.

austria.info T04: Kontakt

Kriterium 1.3.1 - Info und Beziehungen: Silber

Die Überschriftenhierarchie ist nich linear. H2 folgt auf H4. Weiters gibt es zwei leere H3 Überschriften.

Kriterium 2.1.1 - Tastatur: Silber

Im Safari beginnt man bei der Suche und überspringt dadurch die ersten Navigationselemente.

Kriterium 2.4.1 - Blöcke umgehen: Silber

Keine Skiplinks vorhanden.

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

Suche verfügt über kein Label

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Die Inline-Errors werden vom Screenreader nicht erkannt.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, leere Überschriften, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T05: Newsletter Anmeldung

Kriterium 1.3.1 - Info und Beziehungen: Silber

Keine lineaare Hierarchie H2 folgt auf H4.

Kriterium 1.4.11 - Nicht-Text Kontrast: Silber

Formularfelder sind auf dem weißen Hintergrund mit dem leichten Schatten schwer zu erkennen.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.2 - Seite mit Titel versehen: Silber

Seitentitel ist mit Startseite fast identisch und somit kaum unterscheidbar.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Es werden Aria-Labels verwendet.

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

Suche verfügt über kein Label

Kriterium 2.4.7 - Fokus sichtbar: Silber

Kein durchgehendes Fokus-Management. Wobei im Gegensatz zu den Templates 1-4 hier der Tooltip ebenfalls einen Fokus aufweist!

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Die Inline-Errors werden vom Screenreader nicht erfasst.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, Tooltips mit invalidem role="tooltip" auf einem section-Element

austria.info T06: Content Beispiel

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Es gibt Alternativ-Texte, wobei diese teilweise lediglich Marketing-Charakter besitzen und nicht das Bild beschreiben. Das Lampensymbol wird als solches auch nicht beschrieben.

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

Es gibt zwar Audiospuren bei den Videos, allerdings sind diese teilweise in Italienisch, obwohl die Seite in deutscher Sprache ist.

Kriterium 1.2.2 - Untertitel (aufgezeichnet): Bronze

Es gibt nicht bei allen Videos Untertitel.

Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Silber

Teilweise haben diese Videos auf dieser Seite lediglich einen Stimmungscharakter, der jedoch weder im Text noch mittels Audio transportiert wird.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Es gibt keine lineare Hierarchie. Gestartet wird mit eeiner H4, gefolgt von H2, usw.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Durch die Overlays können teilweise die erforderlichen Minimalkontraste nicht erfüllt werden. Zusätzlich werden die Breadcrumps bei einer Schriftvergrößerung ausgefaded, wodurch diese nicht mehr gut lesbar sind. Die Play-Buttons haben zudem keinen ausreichenden Kontrast zum Hintergrund.

Kriterium 1.4.12 - Textabstände: Silber

Die Textabstände führen zu Überlappungen des Texts im Slider (Glühbirnen-Symbol).

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Die Tooltips schließen sich nicht von selbst, sondern bleiben beim Tabben offen. Durch die redundanten Informationen bzw. zu

Kriterium 2.1.1 - Tastatur: Silber

Im Safari startet man erst bei der Suche.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mittels Aria-Labels definiert. Redundante Links, die durch einen klickbaren Container eliminiert werden können.

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

Suche verfügt über kein Label.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Im Gegensastz zum Newsletter Template, werden hier wieder durch das fehlende

Kriterium 3.1.1 - Sprache der Seite: Silber

Durch die Einbindung von italienischen Videos, entsteht hier ein Widerspruch zur Seitensprache.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Italienische Inhalte sind nicht als solche gekennzeichnet. Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Der Screenreader bekommt die Inline-Errors des Kontaktformulars nicht mit.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T07: Download

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Die Seite fängt mit einer H4 an, gefolgt von der ersten Hauptüberschrift, welche jedoch eine H2 ist. Keine lineare Hierarchie.

Kriterium 1.4.10 - Umbruch: Silber

Das Wort "Landestourismusorganisationen passt nicht in den Viewport.

Kriterium 1.4.12 - Textabstände: Silber

Das Wort "Landestourismusorganisationen passt nicht in den Viewport durch die Vergrößerung

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Tooltips bleiben sichtbar, wenn man durchtabbt.

Kriterium 2.1.1 - Tastatur: Silber

Im Safari beginnt man bei der Suche.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden durch Aria-Labels ausgegeben.

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

Die Suche verfügt über kein Label.

Kriterium 2.4.7 - Fokus sichtbar: Silber

Tooltips haben keinen Fokus.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Inline-Errors werden durch den Screenreader nicht erkannt.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche hat kein Label

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T08: Aktivitäten

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Einige Alternativtexte verfügen lediglich über eine Information, die Marketing-Charakter besitzt, aber nicht das Bild beschreibt. Das I-Icon, oder auch das !-Icon verfügen über keine Textalternative, wobei diese hier einen wichtigen Charakter haben und durch den Text nicht ersetzt werden.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Keine lineare Hierarchie. H2 folgt auf H4, H4 auf H2.

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Tooltip schließt nicht beim Durchtabben.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Links werden mit Aria-Labels ausgegeben.

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

Suche verfügt über kein Label

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Screenreader bekommt im Kontaktformular die Inline-Erros nicht mit.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T09: Apps

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Es gibt zwar Alt-Texte, wobei hier falsche BEschreibungen ausgegebn werden. So wird zB. beim unteren Bild Android Apps ausgegeben, wobei es hier sehr wohl auch iOS Apps aus den Bundesländern gibt und damit eine falsche Information wiedergegeben wird.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Keine lineare Hierarchie. H2 folgt auf H4. Fast ausschließlich H4 im Einsatz.

Kriterium 1.4.3 - Kontrast (Minimum): Bronze

Die Verfügbarkeit (Tablet/Mobile) verfügt über einen zu geringen Kontrast.

Kriterium 1.4.10 - Umbruch: Bronze

Bei 320px wird die Verfügbarkeit (Tablet/Mobile) ausgeblendet.

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Die Tooltips bleiben beim Tabben geöffnet.

Kriterium 2.1.1 - Tastatur: Silber

Im Safari beginnt man bei der Suche.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mit Aria-Labels ausgegeben.

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

Suche verfügt über kein Label.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Auf dieser Seite verfügt zB. der Tooltip wieder über einen Fokus, jedoch gibt es keinen Fokus bei der App-Liste, was eine Bedienung nahezu unmöglich macht.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Der Screenreader bekommt nichts von den Inlne-Errors mit.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label.

Kriterium 3.3.3 - Fehlerempfehlung: Silber

Die Inline-Erros werden beim Kontaktformular nicht ausgegeben.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T10: barrierefreies Reisen

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Keine lineare Hierarchie. H2 folgt auf H4,

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Der Kontrast des Textes auf dem Bild zur Murinsel weist teilweise keinen ausreichenden Kontrast auf.

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Tooltips schließen beim Durchtabben nicht.

Kriterium 2.1.1 - Tastatur: Silber

Wobei die Bedienung der Slider extrem umständlich ist. Im Safari beginnt man erst bei der Suche und somit wird das erste Menü ausgelassen.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mit Aria-Labels ausgegeben.

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

Suche verfügt über kein Label

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Die Slider verfügebn ebenso, wie die Tooltips über keinen Fokus. Fehlendes Fokusmanagement.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Inline-Erros werden vom Screenreader nicht erfasst.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label.

Kriterium 3.3.3 - Fehlerempfehlung: Silber

Screenreader erhält keine Information zu Inline-Errors.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T11: Unterkünfte

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Keine lineare Hierarchie. Keine H1, H4 folgt auf H2.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Der Textkontrast am Bild zu "Winterurlaub abseits der Piste", bzw. im Slider verfügen über keinen ausreicheden Kontrast, wodurch das Lesen wesentlich erschwert wird.

Kriterium 1.4.10 - Umbruch: Bronze

Bei 320px werden ebenfalls in den Slidern Buttons abgeschnitten, da es keine dynamischen Höhen gibt!

Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

Das Suchformular auf der Seite verfügt über keinen ausreichenden Kontrast zum Hintergrund.

Kriterium 1.4.12 - Textabstände: Bronze

Durch die Abstände werden ebenfalls Buttons und Text abgeschnitten, da es keine dynamischen Höhen gibt, welche im responsive Design standardmäßig sein sollten.

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Die Tooltips bleiben sichtbar beim Tabben.

Kriterium 2.1.1 - Tastatur: Bronze

Das Kalenderwidget beim Buchungsformular ist nicht mittels Tastatur bedienbar.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mit Hilfe von Aria-Labels ausgegeben.

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

Suche verfügt über kein Label

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Fehlendes Fokusmanagement, sowie werden Tooltips, als auch das Suchformular nicht hervorgehoben.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Die Inline-Errors im Kontaktformular, wie auch im Such-Formular zu den Unterkünften gibt keine Information für den Screenreader aus.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label

Kriterium 3.3.3 - Fehlerempfehlung: Silber

Die Inline-Errors im Kontaktformular, wie auch im Such-Formular zu den Unterkünften gibt keine Information für den Screenreader aus, wodurch auch keine Empfehlung möglich ist.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T12: Gewinnspiel

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Die Logos der Sponsoren werden alle mit "... Gewinn" ausgegeben, was nicht dem Sinn und Zweck entspricht. Ebenso am Header Image, das vieles enthält, wobei der Glühwein nur ein Teil davon ist.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Keine lineare Hierarchie. Keine H1, H2 folgt auf H4, H4 auf H2.

Kriterium 1.4.10 - Umbruch: Bronze

Im Headerbild wird bei 320px der weitere Text ausgeblendet.

Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

Das Formularfeld zur Newsletter-Anmeldung verfügt über keinen ausreichenden Kontrast.

Kriterium 1.4.13 - Eingeblendete Inhalte: Bronze

Tooltips schließen nicht beim Tabben.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze

Im Adventskalender überspring tman viele Felder.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mit Aria-Labels ausgegeben, bzw. gibt es viele redundante Links.

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

Suchfeld verfügt über kein Label

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Kein konsistentes Fokusmanagement. Tooltips werden nicht hervorgehoben.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Bronze

Es werden weder im Kontakt-, Newsletterformular, noch im Adventskalender für den Screenreeader ausgegeben.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label.

Kriterium 3.3.3 - Fehlerempfehlung: Bronze

Es werden weder im Kontakt-, Newsletterformular, noch im Adventskalender für den Screenreeader ausgegeben.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Leere Links, die mit aria-labels statt Linktext versehen sind, Tooltips mit role tooltip auf nicht korrektem Element

austria.info T13: Rezepte

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Die Filte4r (Fisch, etc.) verfügen über keine Textalternative und werden lediglich als Button vom Screenreader ausgegeben.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Keine lineare Hierarchie. Keine H1, gestartet wird mit H3, H4 folgt auf H2;

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Kategorienamen verfügen über einen zu geringen Kontrast.

Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

Das Dropdown sowie die Filter verfügen über keinen ausreichenden Kontrast.

Kriterium 1.4.12 - Textabstände: Bronze

Durch die Änderung der Werte werden Texte beschnitten, da die Teaser alle fixe Höhen aufweisen.

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Tooltips bleiben beim Tabben bestehen.

Kriterium 2.1.1 - Tastatur: Silber

Wobei im Safari das erste Menü ausgelassen wird und man bei der Suche beginnt.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mit Aria-Labels ausgegeben. Sehr viele redundate Links bei den Teasern.

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

Suche verfügt über kein Label, ebenso die Filter-Buttons.

Kriterium 2.4.7 - Fokus sichtbar: Silber

Kein konsistentes Fokusmanagement, da Tooltips nicht hervorgehoben werden.

Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Bronze

Buttons werden lediglich durch ein Icon dargestellt, Screenreader Nutzer erhalten keine andere Information.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Menüelemente, wie Convention, oder Language werden durch den Screenreader in deutscher Sprache vorgelesen.

Kriterium 3.3.1 - Fehlererkennung: Silber

Screenreader Nutzer erhalten keine Information zu den Inline-Errors im Kontaktformular.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze

Filter und Dropdown verfügt über keine Information für Screenreader.

Kriterium 3.3.3 - Fehlerempfehlung: Silber

Durch die fehlende Ausgabe, können SR Nutzer auch keine Info erhalten.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Viele Validierungsfehler: Leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, Tooltips mit invalidem role="tooltip" auf einem section-Element

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Filter können nicht ausgegeben werden.

austria.info T14: Angebote englisch

Kriterium 1.3.1 - Info und Beziehungen: Silber

Überschriften-Hierarchie ist nicht linear. Tooltips verwenden zB. eine H4.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Die Preise über den Bildern verfügen über einen zu geringen Kontrast.

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Tooltips schließen nicht automatisch beim Tabben, sondern bleiben geöffnet.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mit Aria-Labels ausgegeben.

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

Suche verfügt über kein Label.

Kriterium 2.4.7 - Fokus sichtbar: Silber

Fokus ist bei Tooltips bzw. Bild-Links nicht sichtbar.

Kriterium 3.3.1 - Fehlererkennung: Bronze

Screenreader bekommt die Inline-Errors des Kontaktformulars nicht mit.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label

Kriterium 3.3.3 - Fehlerempfehlung: Bronze

Screenreader bekommt nichts von den Inline-Errors mit.

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Sehr viele Validierungsfehler, leere Links, die mit aria-labels statt Linktext versehen sind, id und href Attribute mit Whitespaces, Section-Elemente ohne Headings, aria-describedby-Attribute ohne Referenzen, etc.

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Links mit Aria-Labels, Falsch ausgezeichnete Tooltips etc.

austria.info T15: Radroute

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Bilder verfügen teilweise über Alternativ-Texte, die nicht das Bild beschreiben. Im unteren Bereich (das könnte Sie auch interessieren) gibt es Bildbeschrifrtungen in anderen Sprachen (Siehe Screenshot)

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

Es gibt keine Alternative zum Video.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

keine lineare Hierarchie, keine H1; H2 auf H4.

Kriterium 1.4.3 - Kontrast (Minimum): Bronze

Im Slider, bzw. in den Angebots-Teasern ist der Kontrast der Schrift zu gering.

Kriterium 1.4.12 - Textabstände: Silber

Wie auch bei der Schriftvergrößerung gibt es durch das Layout bzw. fixe Höhen Probleme (Überlappungen)

Kriterium 1.4.13 - Eingeblendete Inhalte: Silber

Tooltipps schließen beim Durchtabben nicht automatisch.

Kriterium 2.1.1 - Tastatur: Silber

Im Safari startet man bei der Suche.

Kriterium 2.4.1 - Blöcke umgehen: Bronze

Keine Skiplinks vorhanden.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Linktexte werden mit Aria-Labels ausgegeben.

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

Suche verfügt über kein Label. Headlines werden in Tooltips eingesetzt.

Kriterium 2.4.7 - Fokus sichtbar: Silber

Tooltips, sowie Bild-Links haben keinen Fokus.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Im Menü gibt es englische Begriffe, die vom Screenreader falsch vorgelesen werden.

Kriterium 3.3.1 - Fehlererkennung: Silber

Screenreader bekommt keine Inline-Errors mit.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Suche verfügt über kein Label

Kriterium 3.3.3 - Fehlerempfehlung: Silber

Screenreader bekommt keine Inline-Errors mit

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Extrem viele Validierungsfehler, duplicate IDs, leere Links mit Aaria-Labels, id und href Attribute mit Whitespace, etc.

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Duplicate Ids bei den Slidern

austria.info T16: Zufallssample 1

-

austria.info T17: Zufallssample 2

-