Zertifikatsbericht für Studienbeihilfenbehörde

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

Allgemeiner Kommentar der Zertifizierungsstelle:

Generelle Einschätzung: Die Website ist accessibility-technisch sehr gut umgesetzt und weitestgehend WCAG 2.1 AA konform. Sie 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.

T10: Keine zusätzlichen Mängel aufgefallen.

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

• Online-Antrag Anmeldung
• Online-Antrag über https://www.aforms.com/
• Stipendienrechner: https://www.stipendienrechner.at/

Beim Zertifikat WACA sind ganz allgemein vom Audit ausgeschlossen folgende Inhalte bzw. Funktionen einer Website:

• 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

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

Kriterium 2.4.4 - Linkzweck (im Kontext): Nicht Erfüllt

Einige Telefonnummern (7x aufgefallen) sind mehrfach und falsch verlinkt, z.B.
<tr><td>KOO - KREN</td><td><a href="tel:0160173212">01/60 173-2</a><a href="tel:0160173268">11</a></td></tr>

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