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
-