Zertifikatsbericht für Studienbeihilfenbehörde

Webseiten Betreiber: Studienbeihilfenbehörde
Webseiten Domain: www.stipendium.at
Zertifikat Status: Silber
Zertifizierungsdatum: 05.09.2024

Zertifizierung WACA

Die Initiative WACA strebt mit diesem Zertifikat ein sehr hohes Niveau und eine herausragende Qualität der Barrierefreiheit an, deshalb müssen für eine erfolgreiche Zertifizierung die grundlegendsten WCAG-Kriterien erfüllt werden. Die AuditorInnen prüfen nach einem vorgegebenen Schema und eigener Prüfmethodik streng nach diesen Kriterien. Das WACA-Zertifikat wird in 3 unterschiedlichen Stufen vergeben. Es wurde für jedes WCAG-Erfolgskriterium eine eigene Abstufung für Gold, Silber und Bronze definiert. Damit können auch Websites ausgezeichnet werden, die nicht die höchsten Anforderungen der WCAG erfüllen bzw. Best-Practice sind, aber eine grundlegende Barrierefreiheit aufweisen und niemanden bei der Benutzung der Website ausschließen. Bei den Abstufungen Silber oder Bronze müssen Bemühungen für Barrierefreiheit klar und eindeutig erkennbar sein, siehe Definition WACA Abstufungen.

WACA zertifiziert Websites, die genau eingegrenzt werden können, meist definiert durch eine URL und zieht daraus eine repräsentative Stichprobe (Testsample). 
Folgende Inhalte bzw. Funktionen einer Website sind jedoch allgemein vom Audit ausgeschlossen:

  • PDF
  • EPUB
  • live übertragene zeitbasierte Medien
  • Inhalte, die nur für eine geschlossene Gruppe von Personen und nicht für die allgemeine Öffentlichkeit verfügbar sind (Extranets und Intranets).
  • externe Inhalte von Drittanbietern, die vom Website-Betreiber weder finanziert noch entwickelt wurden und somit auch nicht dessen Kontrolle unterliegen (wie z.B.: Google Maps, Youtube, Facebook, externe Iframes und Widgets,...), Definition wie folgt:
    • Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Prüfung ausgenommen.
    • Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Prüfung ausgenommen.
    • Drittanbieter Inhalte, die zusätzliche Informationen bereitstellen und für die BenutzerInnen essentiell sind, benötigen eine Alternative.
    • Wenn eine Website weitestgehend aus Drittanbieter Inhalten besteht, wird eine Zertifizierung abgelehnt und Auftrag nicht angenommen. Website ist in diesem Fall nicht auditierbar.
  • Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
  • Google Captcha (ReCaptcha V2): Verwendung gültig nur für die WACA Qualitätsstufen Silber und Bronze.

Allgemeiner Kommentar der Zertifizierungsstelle:

Allgemeine Einschätzung: Die Website ist accessibility-technisch sehr gut umgesetzt und weitestgehend WCAG 2.1 AA konform, deshalb kann mit gutem Gewissen das WACA-Zertifikat in Silber vergeben werden. Die Website hat aber einige Usability Issues.

T00 Website Rahmen, T01 Startseiten und Folgeseiten: 

  • Usability Issue: die sehr großzügige Gestaltung am Desktop ist für eine Infoplattform nicht ganz ideal.
  • Usability Issue: Bei Hamburgerbutton am Desktop fehlt das Hover Styling, kein Pointer Indikator (Hand) für interaktives Element. Default Cursor gilt für alle Buttons. Hand Cursor würde Interaktivität besser anzeigen.
  • Usability Issue: Die Sprachnavigation befindet sich im Footer und ist damit schwerer erreichbar:  DE  | EN, allerdings gibt es nur eine Seite auf englisch, es ist also argumentierbar, den Link nicht prominent zu vermitteln.

T04 Über uns: Usability Issue: Längere Textpassagen in Großbuchstaben (in Tabellenheaderzellen) sind schwerer lesbar, zentrierter Text in Tabellen ist schwerer lesbar.

T05 Kontakt: Usability Issues: Default Cursor bei Buttons, Übersichtstabelle: zentrierte Tabelleninhalte sind schwerer lesbar.

T06 Stipendienstelle Wien, T07 Downloads: Usability Issues: Zentrierte Texte in den Tabellen sind schwerer lesbar. Die Tabellen haben alle unterschiedliche Spaltenbreiten.

T09: Usability-Issue: Sehr breite Zeilen am Desktop sind schwerer lesbar.

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

Geprüftes Testsample

Abweichungen zur WCAG und WACA-Einstufung

    Stipendium T00: Rahmen der Website

    Kriterium 1.4.4 - Textgröße ändern: Silber

    Zoom ist gut möglich, die Grundschriftart ist relativ groß. Bei Nur Text Vergrößerung kommt es schnell zu Überlagerungen. WCAG konform.

    Kriterium 1.4.10 - Umbruch: Silber

    Usability issue: Bei 1280px Bildschirmgröße wird bereits das Menü versteckt und ist erst über den Hamburger Button erreichbar, auch bereits bei 100% Anzeige. WCAG konform.
    Ab 300% am Desktop muss man im Overlaymenü scrollen. WCAG konform

    Kriterium 1.4.12 - Textabstände: Silber

    Das Logo überlagert bei Textspacing (getestet mit ARC Tool) leicht den ersten Menüpunkt.
    Bei den Untermenüpunkten auf Bild werden der erklärende Text und das Pfeilicon abgeschnitten. Der Linktext ist aber verfügbar. Der Tastaturfokus auf das Pfeilicon bei den Untermenüpunkten ist bei Textspacing nicht sichtbar, man sieht den Linkpfad bei Tastaturnavigation nur unterhalb bei der Browser Statusleiste.

    Stipendium T01: Startseite DE

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Ankerbeschriftung bei Headlines liefert Screenreadern redundante Information bei der Navigation von Überschriften. Die Anker sind aber bei Tastaturnavigation sehr hilfreich.

    Kriterium 1.4.3 - Kontrast (Minimum): Silber

    Bei den Menüs ist die weiße Schrift auf Bildern etwas schwerer lesbar, die Bilder sind aber abgedunkelt.

    Kriterium 1.4.4 - Textgröße ändern: Silber

    Bei Nur Text Vergrößerung kommt es schnell zu Überlagerung, Zoom ist aber gut möglich und die Grundschriftart ist relativ groß. WCAG konform.

    Kriterium 1.4.10 - Umbruch: Silber

    ab 300% Zoom am Desktop muss man im Overlaymenü scrollen. WCAG konform.

    Kriterium 1.4.11 - Nicht-Text Kontrast: Silber

    Helltürkise Slidercontrols auf türkisem Hintergrund erreichen nicht den Kontrastwert von 3:1. Sie müssen aber nicht verwendet werden und sind ein Indikator für gerade nicht aktive Slides.

    Kriterium 1.4.12 - Textabstände: Silber

    Das Logo überlagert bei Textspacing (getestet mit ARC Tool) leicht den ersten Menüpunkt.
    Bei den Untermenüpunkten auf Bild werden der erklärende Text und das Pfeilicon abgeschnitten. Der Linktext ist aber verfügbar.

    Kriterium 2.4.1 - Blöcke umgehen: Silber

    Nicht best Practice: Es sind nicht alle Elemente in landmark regions enthalten. Gilt auch für weitere Seiten. WCAG konform.

    Stipendium T02: Informationen in Englisch

    Kriterium 2.4.1 - Blöcke umgehen: Silber

    Nicht best Practice: Es sind nicht alle Elemente in landmark regions enthalten. Gilt auch für weitere Seiten. WCAG konform.

    Stipendium T03: Suchergebnis

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Hinweis: <mark> für die Markierung des Suchbegriffs in den Suchergebnissen wird von NVDA (ohne Änderung der default Einstellungen) interpretiert als "Hervorgehoben" ... "Hervorgehoben Ende", VoiceOver (ohne Änderung der default Einstellungen) interpretiert es nicht. Der Einsatz ist korrekt, Screenreader User können die Interpretation deaktivieren, wenn sie die zusätzliche Semantik stört. WCAG konform.
    <mark> sollte besser nur sparsam eingesetzt werden, um semantische Überinformation zu vermeiden.

    Stipendium T04: Über uns

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Usability Issue: Längere Textpassagen in Großbuchstaben (in Tabellenheaderzellen) sind schwerer lesbar, zentrierter Text in Tabellen ist schwerer lesbar. WCAG konform.


    Stipendium T05: Kontakt

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Bei der Übersichts Tabelle wird am iPhone mit Voiceover in jeder Zeile wieder die 1. TH (Matrikelnummer vorhanden) vorgelesen, Umsetzung scheint aber korrekt zu sein.
    https://a11ysupport.io/tests/html_td_element_with_th(scope-row)#assertion-html-th_element-convey_role--vo_ios-ios_saf (IOS Bug?)

    Nicht best practice: mehrfach gleich benannte Überschriften für Screenreader User H1 und H2 "Kontaktformular".

    Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

    Bei der Zusammenfassung funktioniert die Fokussetzung nicht einwandfrei, die Checkbox "Kopie der Daten an meine E-Mail Adresse senden" wird mit NVDA Screenreader (getestet in Chrome) nicht in der korrekten Fokusreihenfolge erreicht, wenn man nur mit Tabtaste navigiert. Bei Rückwärtsnavigation wird sie vorgelesen.

    Kriterium 3.3.1 - Fehlererkennung: Silber

    Derzeit noch nicht best practice: HTML5 Fehlervalidierung wir noch nicht einheitlich unterstützt von assistiven Technologien. Am iPhone mit VoiceOver wird nur "Feld ausfüllen" vorgelesen.

    Kriterium 3.3.3 - Fehlerempfehlung: Silber

    HTML5 Fehlervalidierung wir noch nicht einheitlich unterstützt von assistiven Technologien.

    Stipendium T06: Stelle in Wien

    Stipendium T07: Downloads

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Hinweis: Die Formularnummern sind durch die Tabellensemantik zuordenbar. Tableheaderzellen in der 1. Zeile sind ausreichend. WCAG konform.
    Usability Issue, nicht best practice: Zentrierte Texte in den Tabellen sind schwerer lesbar. Die Tabellen haben alle unterschiedliche Spaltenbreiten. WCAG konform

    Die Download Formulare sind nicht im Testsample für das WACA Zertifikat. Eine Stichprobenprüfung ergibt, dass sie nicht vollständig WCAG konform sind.

    Stipendium T08: Abfrage

    Kriterium 1.4.10 - Umbruch: Silber

    Die Tabelle ist auf Mobilgeräten scrollbar, trotzdem ist die Spalte für "Studium" so schmal, dass ein Studiengang mehrzeilig umbricht und dadurch schwer lesbar wird. Man kann aber argumentieren, dass die Kennzahl und Semesteranzahl die wesentliche Information ist, die gleich sichtbar sein soll.

    Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

    Die Fokussetzung ist nicht einheitlich. Mit VoiceOver am iPhone landet man bei Selectbox Auswahlen oder ok Taste nicht am Anfang des Formulars, mit Tastatur allein oder mit NVDA am Anfang des Formulars. Fokushandling für Screenreader auf Touchgeräten ist aber generell nicht ganz ausgereift.

    Kriterium 3.2.2 - Bei Eingabe: Silber

    Ohne visuelle Oberfläche ist das Formular und Ergebnis ev. etwas schwierig zu bedienen. Es muss jedenfalls erlernt werden, dass der Fokus bei Auswahl in einer Selectbox jeweils wieder zur 1. Selectbox (z.B. mit NVDA) bzw. nicht korrekt (z.B. mit Voiceover) gesetzt wird und die Ergebnisse dann nach Ok bei Auswahl der Studienrichtung in der Lesereihenfolge nach dem Formular eingeblendet werden. Fokushandling am Touchscreen ist nicht ausgereift.

    Stipendium T09: FAQ

    Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

    Wiederholte Information bei Headlines, Ankerlinks und Mehr Lesen Links. Versierte Screenreader User werden sie möglicherweise als störend redundant empfinden. WCAG konform.

    T10 Zufallssample Mein Stipendium