Aktueller Status

Die Website des Angewandte Interdisciplinary Laboratory (AIL) ist grundsätzlich per Tastatur bedienbar. Weitere Optimierungen für eine vollständige WCAG 2.2 Level AA-Konformität sind geplant. asdf

Die Website des AIL ist nicht nach den Web Content Accessibility Guidelines (WCAG) 2.2 geprüft und verfügt über keine formale Kennzeichnung.

Hinweis: WCAG 2.2 wurde im Oktober 2023 veröffentlicht und ergänzt WCAG 2.1 um neue Erfolgskriterien. Derzeit ist WCAG 2.1 der bindende Standard, aber wir orientieren uns bereits an den neuen Anforderungen von WCAG 2.2.

Erfordernisse laut WCAG 2.2

Eine der Voraussetzungen für die Kompatibilitäten A und AA laut WCAG 2.1 sind Alternativen für Bild-, Audio- und Videoinhalte. Aufgrund der Vielzahl unserer Inhalte und ihrer Schöpfer*innen sowie unserer limitierten Ressourcen in der Redaktion ist es uns aktuell nicht möglich, für alle Inhalte vollständige Alternativen (Untertitel, Transkripte, Audiodeskriptionen) zur Verfügung zu stellen.

• Vollständige Tastaturnavigation

• Skip-Link zum Hauptinhalt

• Suchfeld und roving Tab Index– Pfeiltasten-Navigation in Suchresultaten implementiert

• Focus contain in mobiler Navigation

• Fokus-Management – Sichtbare Fokus-Indikatoren mit animierten Outlines

• Semantisches HTML – Verwendung von <main>, <nav>, <header>, <footer>, <section>, <article>

Unsere Ziele sind, den barrierefreien Zugang der Webseite nach und nach zu optimieren und in den nächsten Jahren eine WCAG 2.2 Level AA-Kennzeichnung zu erlangen.

Die nächsten Schritte umfassen:

Verbesserung der Video- und Audiozugänglichkeit

• Hinzufügen von Untertiteln für Videoinhalte

• Bereitstellung von Transkripten für Audioinhalte

• Hinzufügen von title-Attributen zu Iframes

Erweiterte ARIA-Unterstützung

• Hinzufügen von ARIA-Labels wo nötig

• Verbesserung der Rollen-Definitionen

• ARIA-Live-Regionen für dynamische Inhalte

Zusätzliche Navigationshilfen

• Implementierung einer Sitemap

• Verbesserung der Skip-Links

• Konsistente Navigationsstruktur

WCAG 2.2 spezifische Verbesserungen

• Sicherstellung angemessener Zielgrößen für interaktive Elemente (2.5.8 Target Size)

• Implementierung von Drag-and-Drop-Alternativen (2.5.7 Dragging Movements)

Erfüllt

• 1.3.1 Info und Beziehungen – Semantisches HTML wird verwendet <main>, <nav>, <header>, <footer>, <section>, <article>)

• 1.3.2 Bedeutungstragende Reihenfolge – Die Reihenfolge der Inhalte ist in der Codebasis logisch strukturiert

• 1.4.1 Benutzung von Farbe – Informationen werden nicht ausschließlich über Farbe vermittelt

• 2.1.1 Tastatur – Alle Funktionen sind per Tastatur bedienbar

• 2.1.2 Keine Tastaturfalle – Keine Tastaturfallen identifiziert

• 2.2.2 Pausieren, beenden, ausblenden – Automatische Animationen können gestoppt werden

• 2.4.1 Blöcke umgehen – Skip-Link zum Hauptinhalt vorhanden

• 2.4.2 Seite mit Titel versehen – Jede Seite hat einen eindeutigen Titel

• 2.4.3 Fokus-Reihenfolge – Die Fokus-Reihenfolge ist logisch und sinnvoll

• 2.5.2 Zeigeraufhebung – Zeigergesten können abgebrochen werden

• 3.1.1 Sprache der Seite – HTML-Attribut lang="en-US" ist gesetzt

• 3.2.1 Bei Fokus – Fokus-Änderungen lösen keine unerwarteten Kontextänderungen aus

• 3.3.2 Beschriftungen (Labels) oder Anweisungen – Eingabefelder haben Beschriftungen

• 3.2.6 Konsistente Hilfe (WCAG 2.2, Level A) – Hilfe-Informationen sind konsistent platziert

Teilweise erfüllt

• 1.1.1 Nicht-Text-Inhalt – Alt-Texte sind für manche Bilder vorhanden

• 1.3.3 Sensorische Eigenschaften – Informationen werden nicht ausschließlich über sensorische Eigenschaften vermittelt

• 1.4.10 Umfluss (Reflow) – Programmkarten werden bei kleinen Screengrößen horizontal gescrollt. Dabei ist erst der Titel sichtbar, und bei Interesse der Besucher*innen durch horizontales Scrollen das Bild und die Zusatzinformationen ersichtlich

• 2.4.4 Linkzweck (im Kontext) – Die meisten Links sind im Kontext verständlich, einige benötigen zusätzliche Beschreibungen

• 2.5.3 Beschriftung (Label) im Namen

Durchgefallen

• 1.2.1 Reine Audio- und Videoinhalte (aufgezeichnet) – Keine Alternativen für Audio- und Videoinhalte vorhanden (ComponentAudio.vue, ComponentVideo.vue)

• 1.2.2 Untertitel (aufgezeichnet) – Keine Untertitel für Videoinhalte vorhanden

• 1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) – Keine Audiodeskriptionen für Videoinhalte vorhanden

• 3.2.2 Bei Eingabe – Eingaben lösen keine unerwarteten Kontextänderungen aus

• 4.1.2 Name, Rolle, Wert – UI-Komponenten haben korrekte Namen, Rollen und Werte

Keine Erfordernis für die Webseite

• 1.4.2 Audio-Steuerelement – Keine automatisch abspielenden Audioinhalte auf der Seite

• 2.1.4 Zeichentastenbefehle – Keine Zeichentastenbefehle implementiert

• 2.2.1 Zeiteinteilung anpassbar – Keine zeitbasierten Einschränkungen

• 2.3.1 Grenzwert von dreimaligem Blitzen oder weniger – Keine blinkenden Inhalte

• 2.5.1 Zeigergesten – Keine komplexen Zeigergesten erforderlich

• 2.5.4 Auslösen durch Bewegung – Keine Bewegungssensoren verwendet

• 3.3.1 Fehlererkennung – Keine Formulare mit Fehlerbehandlung vorhanden

Erfüllt

• 1.3.4 Bildschirmausrichtung – Inhalte sind in Portrait- und Querformat nutzbar

• 1.4.4 Textgröße ändern – Text kann bis zu 200% vergrößert werden ohne Funktionsverlust

• 1.4.12 Textabstand – Zeilenhöhe, Absatzabstände, Buchstaben- und Wortabstände können angepasst werden

• 1.4.13 Inhalt beim Überfahren („Roll-over") mit dem Zeiger oder Tastaturfokus („Hover" oder „Focus") – Hover- und Focus-Inhalte sind zugänglich und können nicht überschrieben werden

• 2.4.7 Fokus sichtbar – Fokus-Indikatoren sind deutlich sichtbar

• 3.2.3 Konsistente Navigation

• 3.2.4 Konsistente Erkennung – Komponenten sind größtenteils konsistent identifiziert, mit Ausnahme einiger responsiver Elemente

Teilweise erfüllt

• 1.4.3 Kontrast (Minimum) – Text-Kontrast ist größtenteils ausreichend, aber nicht vollständig für alle Bereiche verifiziert (insbesondere Header-Bereich)

• 1.4.11 Nicht-Text-Kontrast – Durch den Einsatz von vielen unterschiedlichen Hintergrundfarben kommt es manchmal zur Nicht-Einhaltung der vorgegebenen Kontraste

• 1.4.5 Bilder eines Textes – Die meisten Bilder enthalten keinen Text

• 2.4.6 Überschriften und Beschriftungen (Labels)

• 2.4.11 Fokus nicht verdeckt (Minimum) Fokus-Indikatoren werden in seltenen Fällen von anderen Elementen verdeckt (Topic-Karten verdecken Teile von anderen Vorschaukarten auf der Startseite und der Explore-Seite)

Durchgefallen

• 1.2.5 Audiodeskription (aufgezeichnet)

• 2.4.5 Verschiedene Methoden – Keine zusätzlichen Navigationsmethoden (z.B. Sitemap) vorhanden

• 2.5.7 Ziehbewegungen (WCAG 2.2, Level AA) – Keine Drag-and-Drop-Funktionalität implementiert, die per Tastatur bedienbar wäre

• 2.5.8 Zielgröße (Minimum) (WCAG 2.2, Level AA) – Einige interaktive Elemente könnten kleiner als 24x24 CSS-Pixel sein

• 3.1.2 Sprache von Teilen – Sprachänderungen innerhalb der Seite sind nicht markiert

Keine Erfordernis für die Webseite

• 1.2.4 Untertitel (Live) – Keine Live-Videoinhalte

• 1.3.5 Bestimmung des Eingabezwecks – Keine Eingabefelder mit automatischer Eingabevorhersage

• 3.3.3 Fehlerempfehlung – Keine Formulare mit Fehlerbehandlung

• 3.3.4 Fehlervermeidung (rechtliche, finanzielle Daten) – Keine Eingabe von rechtlichen oder finanziellen Daten

• 3.3.7 Redundante Eingabe (WCAG 2.2, Level A) – Keine Formulare vorhanden, die dieses Kriterium betreffen würden

• 3.3.8 Zugängliche Authentifizierung (Minimum) (WCAG 2.2, Level AA) – Keine Authentifizierung vorhanden

• 4.1.3 Statusmeldungen – Eingeschränkte Verwendung von ARIA-Live-Regionen

Kontakt

Bei Fragen oder Anmerkungen zur Barrierefreiheit dieser Website kontaktieren Sie bitte:

ail@uni-ak.ac.at