Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm

Die Seite wird erstellt Heidi Fischer
 
WEITER LESEN
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Prüfbericht
zur Barrierefreiheit
Hochschule Neu-Ulm

Auftraggeber     Hochschule für angewandte Wissenschaften Neu-Ulm
                 Rechenzentrum
                 Herr Christian Stehle
                 Wileystraße 1
                 89231 Neu-Ulm

Prüfstelle       Stiftung Pfennigparade
                 Kompetenzzentrum Digitale Barrierefreiheit
                 Petuelring 108
                 80807 München

Prüfdatum        06.04.2021
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Prüfdetails

Projektname                        Hochschule Neu-Ulm

Untersuchte Website                https://www.hnu.de

Konformitätsziel                   BITV / WCAG 2.1 AA

Tester

Stiftung Pfennigparade

Kompetenzzentrum Digitale Barrierefreiheit

Services für IT und Technik

Anerkannte Werkstatt für Menschen mit Körperbehinderung

Ausgewählte Stichproben

Startseite (https://www.hnu.de)

Eventuelle Cookie-Hinweise werden automatisch mitgetestet.

Studiengänge (https://www.hnu.de/studium/studiengaenge)

Eventuelle Cookie-Hinweise werden automatisch mitgetestet.

Wirtschaftspsychologie (B.Sc.)
(https://www.hnu.de/studium/studiengaenge/bachelorstudiengaenge/wirtschaftspsychologie-
bsc)

Eventuelle Cookie-Hinweise werden automatisch mitgetestet.
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Kontakt (https://www.hnu.de/kontakt)

Eventuelle Cookie-Hinweise werden automatisch mitgetestet.

Impressionen (https://www.hnu.de/weiterbildung/impressionen)

Eventuelle Cookie-Hinweise werden automatisch mitgetestet.

Projekte (https://www.hnu.de/forschung/projekte)

Eventuelle Cookie-Hinweise werden automatisch mitgetestet.

Ansprechpartner (https://www.hnu.de/hochschule/ansprechpartner)

Eventuelle Cookie-Hinweise werden automatisch mitgetestet.
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Prüfergebnisse

Insgesamt

21                               28                                11
Prüfschritte                     Prüfschritte                      Prüfschritte
nicht bestanden                  bestanden                         nicht anwendbar

Startseite

11                               28                                21
Prüfschritte                     Prüfschritte                      Prüfschritte
nicht bestanden                  bestanden                         nicht anwendbar

Für diese Stichprobe gefundene Probleme

   Logos haben keinen deutlichen Alternativtext
   Grafiken und Objekte haben keinen Alternativtext
   Struktur der Überschriften nicht immer sinnvoll
   Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet.
   Sprungmarke Inhalt führt nicht zum Inhalt
   Der Webauftritt ist angegeben, der Titel der invividuellen Seite ist unklar oder fehlt

   Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang
   Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden doppelt vorgelsen.
   Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren Bereichs liegt
   Fokussierung mit tab an Stelle mit nächstem Bild und zug. Text nicht sauber
   viele ^ erschweren das Navigieren mit Tabtaste
   Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung
   nicht alle anderssprachige Wörter wurden gekennzeichnet
   Kontaktformular wird nicht in einem neuen Browserfenster geöffnet

Studiengänge

12                               27                                21
Prüfschritte                     Prüfschritte                      Prüfschritte
nicht bestanden                  bestanden                         nicht anwendbar
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Für diese Stichprobe gefundene Probleme

    Logos haben keinen deutlichen Alternativtext
    Grafiken und Objekte haben keinen Alternativtext
    Struktur der Überschriften nicht immer sinnvoll

    Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet.
    Formularfelder nicht ausreichend beschriftet
    Die Texte der Gruppierung der Studiengänge haben einen zu niedrigen Kontrast.
    Der Webauftritt und der Seitentiltel sind angegeben, aber die Reihenfolge ist unvorteilhaft
    Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang
    Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden doppelt vorgelsen.
    Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren Bereichs liegt
    viele ^ erschweren das Navigieren mit Tabtaste
    Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung

    nicht alle anderssprachige Wörter wurden gekennzeichnet
    Navigationsmenü und Seiteninhalte nicht identisch

Wirtschaftspsychologie (B.Sc.)

8                                 33                               19
Prüfschritte                      Prüfschritte                     Prüfschritte
nicht bestanden                   bestanden                        nicht anwendbar

Für diese Stichprobe gefundene Probleme

    Logos haben keinen deutlichen Alternativtext

    Grafiken und Objekte haben keinen Alternativtext
    Struktur der Überschriften nicht immer sinnvoll
    Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet.
    Der Webauftritt und der Seitentiltel sind angegeben, aber die Reihenfolge ist unvorteilhaft
    Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang
    Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden doppelt vorgelsen.
    Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren Bereichs liegt
    viele ^ erschweren das Navigieren mit Tabtaste
    Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung

    Navigationsmenü und Seiteninhalte nicht identisch
   Suchfeld für die Suche nach Studiengänge verständlicher beschriften und Kombinationsfelder ebenfalls
besser beschreiben

Kontakt

12                                31                               17
Prüfschritte                      Prüfschritte                     Prüfschritte
nicht bestanden                   bestanden                        nicht anwendbar
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Für diese Stichprobe gefundene Probleme

   Logos haben keinen deutlichen Alternativtext
   Grafiken und Objekte haben keinen Alternativtext
   Struktur der Überschriften nicht immer sinnvoll

   Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet.
   Der Webauftritt und der Seitentiltel sind angegeben, aber die Reihenfolge ist unvorteilhaft
   Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang
   Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden doppelt vorgelsen.
   Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren Bereichs liegt
   viele ^ erschweren das Navigieren mit Tabtaste
   Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung
   Navigationsmenü und Seiteninhalte nicht identisch
    Die Fehlermeldung nach Formularüberprüfung benennt Felder mit fehlender oder fehlerhafter Eingabe nicht
klar oder verweist nicht deutlich darauf (etwa durch Änderung des dem Feld zugeordneten Labels, semantische
Hervorhebung, oder Links).

   Statusmeldung wird nicht vom Screenreader vorgelesen

Impressionen

11                               30                               19
Prüfschritte                     Prüfschritte                     Prüfschritte
nicht bestanden                  bestanden                        nicht anwendbar

Für diese Stichprobe gefundene Probleme

   Logos haben keinen deutlichen Alternativtext
   Grafiken und Objekte haben keinen Alternativtext

   Kein Untertitlel
   Audiodeskription und Volltextalternative fehlt
   Audiodeskription für beide Videos nicht vorhanden
   Struktur der Überschriften nicht immer sinnvoll
   Button zum Abspielen des Videos nicht mit der TAB-Taste erreichbar
   Der Webauftritt und der Seitentiltel sind angegeben, aber die Reihenfolge ist unvorteilhaft
   Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang
   Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden doppelt vorgelsen.
   Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren Bereichs liegt

   viele ^ erschweren das Navigieren mit Tabtaste
   Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung
   Navigationsmenü und Seiteninhalte nicht identisch

Projekte
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
11                               28                               21
Prüfschritte                     Prüfschritte                     Prüfschritte
nicht bestanden                  bestanden                        nicht anwendbar

Für diese Stichprobe gefundene Probleme

   Logos haben keinen deutlichen Alternativtext
   Grafiken und Objekte haben keinen Alternativtext
   Struktur der Überschriften nicht immer sinnvoll
   Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet.
   Formularfelder nicht ausreichend beschriftet
   Der Webauftritt und der Seitentiltel sind angegeben, aber die Reihenfolge ist unvorteilhaft
   Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang
   Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden doppelt vorgelsen.

   Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren Bereichs liegt
   viele ^ erschweren das Navigieren mit Tabtaste
   Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung
   nicht alle anderssprachige Wörter wurden gekennzeichnet
   Navigationsmenü und Seiteninhalte nicht identisch
   Suchfeld für Studiengänge besser beschriften

Ansprechpartner

10                               28                               22
Prüfschritte                     Prüfschritte                     Prüfschritte
nicht bestanden                  bestanden                        nicht anwendbar

Für diese Stichprobe gefundene Probleme

   Logos haben keinen deutlichen Alternativtext
   Grafiken und Objekte haben keinen Alternativtext
   Struktur der Überschriften nicht immer sinnvoll
   Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet.
   Formularfelder nicht ausreichend beschriftet
   Der Webauftritt und der Seitentiltel sind angegeben, aber die Reihenfolge ist unvorteilhaft

   Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang
   Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden doppelt vorgelsen.
   Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren Bereichs liegt
   viele ^ erschweren das Navigieren mit Tabtaste
   Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung
   Navigationsmenü und Seiteninhalte nicht identisch
   Suchfeld und Kombinationsfelder besser beschriften
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Gefundene Probleme
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Logos haben keinen deutlichen Alternativtext

Betroffene Stichproben
                                        Startseite
                                        Studiengänge
                                        Wirtschaftspsychologie (B.Sc.)
                                        Kontakt
                                        Impressionen
                                        Projekte
                                        Ansprechpartner

Prüfschritt                         1.1.1a Alternativtexte für Bedienelemente

                                    BIK Prüfschritt
                                    Success Criterion 1.1.1
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Niedrig

Betrifft                            Entwicklung, Gestaltung

alle Seiten:

Das Logo der Hochschule Neu-Ulm hat einen Alternativtext alt="zur Startseite"

Die Alternativtexte für Bedienelemente (z.B. Icons oder Logos) oder Teaserbilder sollen das Ziel des Links
bezeichnen.

Empfehlung:

besserer Alternativtext wäre z.B alt="Logo der Hochschule Neu-Ulm/zurück zur Startseite"
Prüfbericht zur Barrierefreiheit - Hochschule Neu-Ulm
Grafiken und Objekte haben keinen Alternativtext

Betroffene Stichproben
                                         Startseite
                                         Studiengänge
                                         Wirtschaftspsychologie (B.Sc.)
                                         Kontakt
                                         Impressionen
                                         Projekte
                                         Ansprechpartner

Prüfschritt                          1.1.1b Alternativtexte für Grafiken und Objekte

                                     BIK Prüfschritt
                                     Success Criterion 1.1.1
                                     Understanding Success Criterion

Art des Problems                     Verstoß

Schwere                              Normal

Betrifft                             Entwicklung, Gestaltung

alle Seiten:

Die Grafiken unter Akkreditierung und Zertifikate haben ein leeres alt-Attribut.

Das leere alt -Attribut informiert den Screenreader darüber, dass das betreffende Bild nur der Dekoration
dient und sein Inhalt unbedeutend ist. Der Screenreader ignoriert das Bild und springt darüber hinweg.

Angemessener Alternativtext:

Bei Symbolen oder Zeichen (Logos) soll der Alternativtext sagen, dass ein Symbol, Zeichen oder Logo
abgebildet ist und die Bedeutung des Symbols oder Zeichens wiedergeben.

*****

Seite 1: Startseite

Auf der Startseite gibt es eine Slideshow mit Bildern, die ein leeres alt-Attribut haben.

Das leere alt -Attribut informiert den Screenreader darüber, dass das betreffende Bild nur der Dekoration
dient und sein Inhalt unbedeutend ist. Der Screenreader ignoriert das Bild und springt darüber hinweg.
Da die Bilder im Zusammenhang mit einem Artikel oder Text stehen, braucht es hier zwingend einen
Alternativtext. Außerdem gibt es die Schalter "vorheriges Bild" und "nächstes Bild"

*****

Seite 5: Impressionen

Unter Räume der Weiterbildung und HNU-Gebäude gibt es ebenfalls eine Slideshow, und die Bilder haben
ebenfalls kein alt-Attribut.

Das leere alt -Attribut informiert den Screenreader darüber, dass das betreffende Bild nur der Dekoration
dient und sein Inhalt unbedeutend ist. Der Screenreader ignoriert das Bild und springt darüber hinweg.
Meines Erachtens könnte man den Text neben den Bildern als Alternativtext verwenden und die
Erklärungen im grünen Feld weglassen.

Die beiden Videos haben ebenfalls keine zugängliche Alternative.

Bei eingebundenen Multimedia-Objekten, Video- beziehungsweise Audio-Dateien oder Applets soll der
Alternativtext zumindest eine beschreibende Identifizierung des Inhalts ermöglichen.
Kein Untertitlel

Betroffene Stichproben
                                       Impressionen

Prüfschritt                         1.2.2a Aufgezeichnete Videos mit Untertiteln

                                    BIK Prüfschritt
                                    Success Criterion 1.2.2
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Normal

Betrifft                            Gestaltung

Seite 5: Impressionen

Bei den aufgezeichneten Videos fehlt der Untertitel.

Wenn die Tonspur eines aufgezeichneten Videos Informationen enthält, müssen Untertitel als Alternative
bereitgestellt werden.

Filme sind in der Regel ohne den Ton nicht zu verstehen. Daher muss für Menschen mit Hörbehinderung
der Inhalt der Tonspur durch Untertitel bereitgestellt werden.

Untertitel können auch für andere Nutzer hilfreich sein, zum Beispiel für Personen, die mit der Sprache des
Films nicht vertraut sind.
Audiodeskription und Volltextalternative fehlt

Betroffene Stichproben
                                       Impressionen

Prüfschritt                        1.2.3a Audiodeskription oder Volltext-Alternative für Videos

                                   BIK Prüfschritt
                                   Success Criterion 1.2.3
                                   Understanding Success Criterion

Art des Problems                   Verstoß

Schwere                            Kritisch

Betrifft                           Gestaltung

Seite 5: Impressionen

Bei den beiden Videos fehlt Audiodeskription und Volltextalternative

Für informationstragende visuelle Videoinhalte muss eine Audiodeskription oder Volltext-Alternative
bereitgestellt werden.

Die Handlung von Videos kann oft auch ohne Bild recht gut verfolgt werden. Den Sprecher einer
Nachrichtensendung muss man zum Beispiel nicht sehen, um zu verstehen, worum es geht. Dagegen
enthalten Spielfilme und Reportagen oft Passagen, in denen wenig gesprochen wird und Inhalte über das
Bild vermittelt werden. Damit ein blinder Zuschauer den Film verfolgen kann, müssen ihm solche Passagen
beschrieben werden. Hierfür wird das Verfahren der Audiodeskription eingesetzt.
Audiodeskription für beide Videos nicht vorhanden

Betroffene Stichproben
                                      Impressionen

Prüfschritt                        1.2.5a Audiodeskription für Videos

                                   BIK Prüfschritt
                                   Success Criterion 1.2.5
                                   Understanding Success Criterion

Art des Problems                   Verstoß

Schwere                            Normal

Betrifft                           Gestaltung

Seite 5: Impressionen

Bei den beiden Videos fehlt Audiodeskription

Für informationstragende visuelle Videoinhalte muss eine Audiodeskription oder Volltext-Alternative
bereitgestellt werden.

Die Handlung von Videos kann oft auch ohne Bild recht gut verfolgt werden. Den Sprecher einer
Nachrichtensendung muss man zum Beispiel nicht sehen, um zu verstehen, worum es geht. Dagegen
enthalten Spielfilme und Reportagen oft Passagen, in denen wenig gesprochen wird und Inhalte über das
Bild vermittelt werden. Damit ein blinder Zuschauer den Film verfolgen kann, müssen ihm solche Passagen
beschrieben werden. Hierfür wird das Verfahren der Audiodeskription eingesetzt.
Struktur der Überschriften nicht immer sinnvoll

Betroffene Stichproben
                                        Startseite
                                        Studiengänge
                                        Wirtschaftspsychologie (B.Sc.)
                                        Kontakt
                                        Impressionen
                                        Projekte
                                        Ansprechpartner

Prüfschritt                         1.3.1a HTML-Strukturelemente für Überschriften

                                    BIK Prüfschritt
                                    Success Criterion 1.3.1
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Normal

Betrifft                            Entwicklung, Gestaltung

alle Seiten:

Überschrift Bild 1 von 2 nicht unbedingt sinnvoll

3 Bild1 von 2 (damit sind die Grafiken/Symbole der Akkreditierung und Zertifikate gemeint)

Aktuell liest der Screenreader als erstes die Überschrift Akkreditierung und Zertifikate vor und danach Bild
1 von 2. Das leere alt-Attribut (alt="") Attribut informiert den Screenreader darüber, dass das Betreffende
Bild nur der Dekoration dient und sein Inhalt unbeeutend ist. Der Screenreader ignoriert das Bild dann
komplett, er tut so, als ob es überhaupt nicht da wäre,

Empfehlung:

Die Überschrift Bild 1 von 2 (Überschrift ist dann überflüssig) entfernen und und die Grafiken/Symbole mit
einem alt-Attribut versehen. Die Buttons vorheriges Bild und nächstes Bild können bleiben.

*****

Seite 1: Startseite

Überschriften müssen korrekt mit den HTML-Strukturelementen h1 bis h6 ausgezeichnet sein und die
Inhalte der Seite erschließen.

        1Hochschule Neu-Ulm
        2 14 neue Professuren und ein Er weiterungsbau für die Hochschule Neu-Ulm
        3 Bild1 von 4
        2 Geänderte Öffnungszeiten
        2 Zu den Corona-Hygieneregeln
        2 Corona-Hygieneregeln
        4 Kontaktdatenerfassung – auch an der HNU
        2 Studienberatung Live!
        3 Fragen zum Bewerbungs- verfahren und zur Zulassung?
        3 Immer die neuesten Infos zu den Studiengängen
        2 News aus der HNU
3 29.01.2021, Köpfe: „Embracing cultural diversity“: Wie eine iranische Gastprofessorin ihren HNU-
     Aufenthalt…
     3 28.01.2021, Internationales: Förderprogramm „New Kibbutz“ ermöglicht Praktika in israelischen
     Start-ups
     3 21.01.2021, Hochschul-News: Für mehr Frauen in den Hörsälen: Start der Kampagne „Werde Profes-
     sorin!“
     3 20.01.2021, Weiterbildung: Verlängerte Bewerbungsfrist für Studiengänge und Zertifikatskurse der
     Weiterbildung
     3 15.01.2021, Internationales: HNU erhält Förderzuschlag für internationales Kooperationsprojekt
     3 29.12.2020, Hochschul-News: Aller guten Dinge sind vier – HNU-Präsidentin Prof. Dr. Uta M. Feser
     im Amt bestätigt
     2 Alles, was Sie zum Studium wissen müssen
     2 Bachelorstudium
     2 Masterstudium
     2 Weiterbildung
     2 Ins Ausland
     2 Stipendien2Career-Service
     2 Veranstaltungen
     3 Veranstaltung: 09. Februar 2021: Afrika-Tag 2021
     3 internes Seminar: 22. - 25. Februar 2021, 09:00 - 16:30 Uhr: AUSGEBUCHT - Grundlagen Projektma-
     nagement zur Vorbereitung auf die GPM…
     2 Weitere Veranstaltungen & Termine
     2 Zum Akademischen Kalender
     2 Akkreditierung und Zertifikate
     3 Bild1 von 2
     2 Service
     3 Hochschule Neu-Ulm
     3 Links
     3 Fakultäten
     3 Folgt uns im Netz:
     3 Service

Die Überschrift 14 neue Professuren und ein Erweiterungsbau für die Hochschole Neu-Ulm wurde mit H2
gekennzeichnet. Danach kommt die Überschrift Bild 1 von 4 unter H3.

Empfehlung: mit den 3 folgenden Berichten genau so verfahren wie mit Bericht 1 oder sich ein anderes
Konstrukt überlegen.
Corona-Hygieneregeln muss mit H3 (anstatt mit H2) gekennzeichnet werden, damit die Reihenfolge wieder
passt:

        2 Zu den Corona-Hygieneregeln
        3 Corona-Hygieneregeln
        4 Kontaktdatenerfassung – auch an der HNU

*****

Seite 2: Studiengänge

Studiengänge - Hochschule Neu-Ulm

1Studiengänge

3Bachelorstudiengänge

3Masterstudiengänge

3 Berufsbegleitende Studiengänge

        2 Finde den passenden Studiengang
        3 Ergebnisse 1 bis 10 von 29
        3 Zentrum für Weiterbildung B.A. Management für Gesundheits- und Pflegeberufe
        3 Wirtschaftswissenschaften Betriebswirtschaft (B.A.)
        3 Gesundheitsmanagement Betriebswirtschaft im Gesundheitswesen (B.A.)
        3 Zentrum für Weiterbildung Betriebswirtschaftliche Steuerung des Gesundheitsbetriebs I
        3 Zentrum für Weiterbildung Betriebswirtschaftliche Steuerung des Gesundheitsbetriebs II
        3 Zentrum für Weiterbildung Compliance Manager
        3 Zentrum für Weiterbildung Data Science
        3 Zentrum für Weiterbildung Digitale Innovation und Unternehmenswandel
        3 Zentrum für Weiterbildung Digitale Wertschöpfungsaktivitäten
        3 Informationsmanagement Game-Produktion und Management (B.A.)
        2 Akkreditierung und Zertifikate
        3Bild1 von 2
2Service
        3Hochschule Neu-Ulm
        3Links
        3Fakultäten
        3Folgt uns im Netz:
        3Service

Überschrift Ergebnisse 1 bis 10 von 29 muss mit H2 (anstatt mit H3) ausgezeichnet werden, damit die
Reihenfolge wieder passt.

        2 Finde den passenden Studiengang
        2 Ergebnisse 1 bis 10 von 29
        3 Zentrum für Weiterbildung B.A. Management für Gesundheits- und Pflegeberufe
        3 Wirtschaftswissenschaften Betriebswirtschaft (B.A.)
        3 Gesundheitsmanagement Betriebswirtschaft im Gesundheitswesen (B.A.)

*****

Seite 3: Wirtschaftspsychologie

Wirtschaftspsychologie (B.Sc.) - Hochschule Neu-Ulm

        1 Wirtschaftspsychologie (B.Sc.)
        2 Bewerbung, Zulassung, Immatrikulation
        2 Zulassungsvoraussetzungen
        3 Was bedeutet (örtlich) zulassungsbeschränkt?
        2 Ansprechpartner für alle Studienlagen
        2 Studiengangsinformationen zum Download
        2 Studien- und Prüfungsordnungen, Modulhandbücher und Studienplan
        2 Ihr Ansprechpartner: Professor Dr. Michaela Eßbach
        2 Inhalte des Studiums
        4Psychologie (PSY)
        4 Betriebswirtschaft (BWL)
        4 Methodik (METH)
        2 Zeitlicher Ablauf
        3 1. - 4.Semester
        3 5.Semester
        3 6.Semester
        3 7.Semester
        2 Spezialisierungsmöglichkeiten und Profile
        4 Profilbildung im Studium
        4 Profilbildung durch Wahl von vordefinierten Schwerpunktkombinationen:
        2 Mögliche Berufsfelder
        3 Marketing, Marktforschung und Vertrieb
        3 Organisationsentwicklung, Change Management & Personal
        3 Kommunikation, Verhandlungsführung und Zusammenarbeit
        2 Studienspezifische Regelwerke
        3 Modulhandbücher
3 Studienplan
        3 Studien- und Prüfungsordnungen
        2 Auch interessant:
        3 Weitere Informationen zum Studiengang
        3 Immer auf dem Laufenden bleiben:
        2 Akkreditierung und Zertifikate
        3 Bild1 von 2
        3 Bild1 von 2
        2 Service
        3 Hochschule Neu-Ulm
        3 Links
        3 Fakultäten
        3 Folgt uns im Netz:
        3Service

Inhalte des Studiums ist mit H2 gekennzeichnet. Die nachfolgenden Überschriften müssen demnach mit H3
(anstatt mit H4) gekennzeichnet werden.

        2 Inhalte des Studiums
        3 Psychologie (PSY)
        3 Betriebswirtschaft (BWL)
        3 Methodik (METH)

*****

Seite 5: Impressionen

Impressionen - Hochschule Neu-Ulm

        1 Impressionen
        2 Einblick in die Weiterbildung
        2 Räume der Weiterbildung und HNU-Gebäude
        3 Außenansicht des HNU Gebäude (A)
        3 Bild1 von 14
        2 Video-Impressionen über die Akademische Feierstunde 2019
        2 Frau Prof. Dr. Sylvia Schafmeister im Interview
        2 Akkreditierung und Zertifikate3Bild1 von 2
        2 Service 3Hochschule Neu-Ulm
        3 Links
        3 Fakultäten
        3 Folgt uns im Netz:

Empfehlung: mit den folgenden Berichten genau so verfahren wie mit Bericht 1 oder sich ein anderes
Konstrukt überlegen (siehe auch Info zur Startseite).
usw. usw.

*****

Seite 6: Projekte

Projekte - Hochschule Neu-Ulm

        1 Projekte
        2 Projekte mit Suche und Filter
        3 Ergebnisse 1 bis 12 von 73
        3 StartupSÜD
        3 Strengthening Aquaculture lndustry through Renewable Energy (STAIRE)
        3 mango solar
        3 HNU-PKonzept
        3 Zukunftsstadt Ulm – Phase 3 "Internet der Dinge für ALLE"
        3 SMART vhb
        3 Internationalisierung der Verwaltung
        3 Internationalisierung 2.0
        3 Pathway to Renewable Off-Grid Community Energy for Development - PROCEED
        3 StartUp@Schwaben - Gründungskultur in Schwaben – Bodenständig und weltoffen
        3 The Trolley Problem in an Autonomous Driving Context - TPAD
        3 Electro Mobility in Logistics - EML
        2 Akkreditierung und Zertifikate
        3 Bild1 von 2
        2 Service
        3 Hochschule Neu-Ulm
        3 Links
        3 Fakultäten
        3 Folgt uns im Netz:
        3 Service

Die Überschrift H3 Ergebnisse 1 bis 12 von 73 muss mit H2 (anstatt mit H3) gekennzeichnet sein

        2 Ergebnisse 1 bis 12 von 73
        3 StartupSÜD
        3 Strengthening Aquaculture lndustry through Renewable Energy (STAIRE)
        3 mango solar
        3 HNU-PKonzept
        3 Zukunftsstadt Ulm – Phase 3 "Internet der Dinge für ALLE"
        3 SMART vhb
        3 Internationalisierung der Verwaltung
        3 Internationalisierung 2.0
        3 Pathway to Renewable Off-Grid Community Energy for Development - PROCEED
        3 StartUp@Schwaben - Gründungskultur in Schwaben – Bodenständig und weltoffen
        3 The Trolley Problem in an Autonomous Driving Context - TPAD
        3 Electro Mobility in Logistics - EML
*****

Seite 7: Ansprechpartner

Ansprechpartner - Hochschule Neu-Ulm

        1 Ansprechpartner2Ansprechpartner nach Nachnamen sortiert
        3 Ergebnisse 1 bis 10 von 282
        3 Ademmer, Tobias
        3 Alich, Michael
        3 Amann, Roland
        3 Assi, Nazmin
        3 Baier, Werner
        3 Bardens, Rupert Professor Dr.
        3 Bartak, Teresa
        3 Bartl, Thomas
        3 Bauer, Thomas Professor Dr.
        3 Bayer, Andreas
        2 Akkreditierung und Zertifikate
        3 Bild1 von 2
        2 Service
        3 Hochschule Neu-Ulm
        3 Links
        3 Fakultäten
        3 Folgt uns im Netz:

Die Überschrift H3 Ergebnisse 1 bis 12 von 73 muss mit H2 (anstatt mit H3) gekennzeichnet sein

        1 Ansprechpartner2Ansprechpartner nach Nachnamen sortiert
        2 Ergebnisse 1 bis 10 von 282
        3 Ademmer, Tobias
        3 Alich, Michael

Die Überschrift H3 Ergebnisse 1 bis 12 von 73 muss mit H2 (anstatt mit H3) gekennzeichnet sein
*****

Anmerkung:

Visuell werden Webseiten-Inhalte durch Überschriften strukturiert. Dank dieser Strukturierung weiß der
Benutzer, was zusammengehört, kann die Inhalte der Webseite leicht überblicken und gezielt auf Inhalte
zugreifen, die ihn interessieren.

Benutzer, die diese visuelle Ordnung nicht nutzen können, zum Beispiel, weil sie blind sind oder nur einen
kleinen Ausschnitt der Seite sehen können, sind darauf angewiesen, dass die Struktur unabhängig von der
Darstellung auf dem Bildschirm zugänglich und nutzbar ist. Die Verwendung von Überschriften-Elementen
ist dafür eine wesentliche Voraussetzung.

So können Benutzer die Überschriften-Elemente anwenden:

        Nur die Überschriften anzeigen lassen - als Inhaltsverzeichnis für die schnelle Orientierung
        (besonders wichtig für blinde Benutzer)
        Von Überschrift zu Überschrift springen (blinde Nutzer)
        Überschriften anders hervorheben, wenn die vom Anbieter vorgesehene Hervorhebung nicht
        geeignet ist (zum Beispiel andere Farbe oder Stimme.
Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet.

Betroffene Stichproben
                                       Startseite
                                       Studiengänge
                                       Wirtschaftspsychologie (B.Sc.)
                                       Kontakt
                                       Projekte
                                       Ansprechpartner

Prüfschritt                         1.3.1d Inhalte gegliedert

                                    BIK Prüfschritt

Art des Problems                    Verstoß

Schwere                             Niedrig

Betrifft                            Entwicklung, Gestaltung

Seite 1: Startseite

Hervorhebungen sind teilweise mit einem b-Element ausgezeichnet

Das b-Element zeichnet einen Teil eines Fließtextes aus, der sich vom übrigen Text abheben soll, keine
besondere Bedeutung hat und üblicherweise in Fettschrift dargestellt wird.

Empfehlung: Nutzen Sie etwa

       das em-Element, um eine starke Betonung auszudrücken,
       das strong-Element, um eine sehr starke Betonung auszudrücken oder
       das mark-Element, um Texabschnitte hervorzuheben.
Seite 2: Studiengänge:

Seite 3: Wirtschaftspsychologie
Seite 4: Kontakt
Seite 5: Projekte

Seite 7: Ansprechpartner
Formularfelder nicht ausreichend beschriftet

Betroffene Stichproben
                                        Studiengänge
                                        Projekte
                                        Ansprechpartner

Prüfschritt                         1.3.1.h Beschriftung von Formularelementen programmatisch ermittelbar

                                    BIK Prüfschritt
                                    Success Criterion 1.3.1
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Kritisch

Betrifft                            Entwicklung, Gestaltung

Seite 2: Studiengänge

Bei dem kombinierten Formularelement wird dem Screenreadernutzer z.B. "Abschluss Kombinationsfeld ---
reduziert" vorgelesen, da --- automatisch vorbelegt ist..

Zum besseren Verständnis sollte in dem Formular z.B. für die Eingabe des Abschlusses eine Liste mit den 5
Auswahlmölgichkeiten (Bachelor, Hochschulzertifikat, Master, Mater of Business Administration und ---)
angeboten werden. Die fünf Auswahllisten haben eine gemeinsame Beschriftung: z.B. Abschluss. Die
Auswahllisten für Abschluss sind mit einem erklärenden title -Attribut versehen. Alternativ kann in diesem
Fall die Beschriftung auch mit Hilfe von aria-label oder aria-labelledby zur Verfügung gestellt werden.

Genau so kann man mit Kombinationsfeld für Fakultät , Typ und Lehrsprache verfahren.

Nach dem Anklicken des Buttons Finden wird eine Ergebnisliste angezeigt. Das Ergebnis wird als
Überschrift dargestellt - siehe Screen.

Anmerkung:

Finde den passenden Studiengang ist mit einem H2-Tag ausgezeichnet.

Ergebnisse x bis x von 10 muss demnach auch mit einem H2-Tag versehen werden.

Die Auflistung der Ergebnisse sind mit einem H3.Tag versehen und somit ist auch eine sinnvolle
Reihenfolge gegeben.
*****

Seite 6: Projekte

Derzeit wird vom Screenreader nur der Status "Kontrollfeld nicht aktivviert" vorgelesen.

Besser wäre z.B. "Kontrollfeld für Geschäftsmodelle nicht aktiviert" oder Kontrollfeld für Geschäftsmodelle
aktiviert".

*****

Seite 7: Ansprechpartner:

Unter Ansprechpartner gibt es ein Suchfeld für Eingabe des gewünschten Studiengang.

Nach dem Anklicken des Buttons Finden wird eine Ergebnisliste angezeigt. Das Ergebnis wird als
Überschrift dargestellt - siehe Screen.

Anmerkung:

Ansprechpartner ist mit einem H1-Tag ausgezeichnet.

Ergebnisse x bis x von 10 muss demnach auch mit einem H2-Tag versehen werden.

Die Auflistung der Ergebnisse sind mit einem H3.Tag versehen und somit ist auch eine sinnvolle
Reihenfolge gegeben.
Die Texte der Gruppierung der Studiengänge haben einen zu niedrigen
Kontrast.

Betroffene Stichproben
                                         Studiengänge

Prüfschritt                          1.4.3a Kontraste von Texten ausreichend

                                     BIK Prüfschritt
                                     Success Criterion 1.4.3
                                     Understanding Success Criterion

Art des Problems                     Verstoß

Schwere                              Normal

Betrifft                             Entwicklung, Gestaltung

Seite 2: Studiengänge

Die Studiengänge sind mit farblich markierter Schrift gruppiert. Hier liegen die Kontrastwerte teilweise zu
niedrig. Zum Beispiel Gesundheitsmanagement hat einen Kontrastwert von 1,6:1

Alle Texte der Seite sollen ausreichende Helligkeitskontraste haben. Sie sollen auch für farbfehlsichtige
Benutzer wahrnehmbar sein.

Wenn Vordergrund- und Hintergrundfarbe sich in der Helligkeit ähneln, haben sie unter Umständen zu
wenig Kontrast, wenn sie mit Schwarzweiß-Monitoren oder von Menschen mit verschiedenen Arten von
Farbenschwäche betrachtet werden.

       Das Kontrastverhältnis (contrast ratio) zwischen Vorder- und Hintergrundfarbe liegt für Texte unter 18
       Punkt (beziehungsweise für fette Texte unter 14 Punkt) bei mindestens 4,5:1.
       Das Kontrastverhältnis (contrast ratio) zwischen Vorder- und Hintergrundfarbe liegt bei Texten in
       großer Schriftgröße (18 Punkt und größer, 14 Punkt und größer bei fetter Schrift) bei mindestens 3:1.
Button zum Abspielen des Videos nicht mit der TAB-Taste erreichbar

Betroffene Stichproben
                                       Impressionen

Prüfschritt                        2.1.1a Ohne Maus nutzbar

                                   BIK Prüfschritt
                                   Success Criterion 2.1.1
                                   Understanding Success Criterion

Art des Problems                   Verstoß

Schwere                            Kritisch

Betrifft                           Entwicklung, Gestaltung

Seite 5: Impressionen

Button zum Abspielen des Videos nicht mit der TAB-Taste erreichbar.

Die Bedienung soll geräteunabhängig möglich sein. Das bedeutet: Sie muss sowohl mit der Maus als auch
mit der Tastatur möglich sein.

Auf die Tastaturbedienbarkeit angewiesen sind zum Beispiel viele motorisch eingeschränkte Menschen
oder Blinde.
Sprungmarke Inhalt führt nicht zum Inhalt

Betroffene Stichproben
                                        Startseite

Prüfschritt                         2.4.1a Bereiche überspringbar

                                    BIK Prüfschritt
                                    Success Criterion 2.4.1
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Kritisch

Betrifft                            Entwicklung, Gestaltung

Seite 1: Startseite

Die Sprungmarke Inhalt führt nicht zum Inhalt.

Grund ist, dass gleich der erste Link mit aria-hidden="true" versteckt wurde.

Hinweis:

Visuell werden Webseiten mit Mitteln wie Überschriften, Spalten oder Kästen strukturiert. Dank dieser
Strukturierung weiß der Benutzer, was zusammengehört, kann das Angebot der Webseite leicht
überblicken und gezielt auf die Inhalte zugreifen, die ihn interessieren.

Benutzer, die diese visuelle Ordnung nicht nutzen können – zum Beispiel, weil sie blind sind oder nur einen
kleinen Ausschnitt der Seite sehen können – sind darauf angewiesen, dass die Struktur unabhängig von der
Darstellung auf dem Bildschirm zugänglich und nutzbar ist. Die Verwendung von (oft unsichtbaren)
Bereichsüberschriften, Sprunglinks oder HTML5 Elementen zur Auszeichnung von Regionen ist dafür eine
wesentliche Voraussetzung.
Der Webauftritt und der Seitentiltel sind angegeben, aber die Reihenfolge
ist unvorteilhaft

Betroffene Stichproben
                                        Studiengänge
                                        Wirtschaftspsychologie (B.Sc.)
                                        Kontakt
                                        Impressionen
                                        Projekte
                                        Ansprechpartner

Prüfschritt                         2.4.2a Sinnvolle Dokumenttitel

                                    BIK Prüfschritt
                                    Success Criterion 2.4.2
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Normal

Betrifft                            Entwicklung, Gestaltung

Seite 2 - 7

Dokumenttitel bezeichnen die Website und den Inhalt der jeweiligen Seite, sie können für die
Unterscheidung und Auswahl von Seiten genutzt werden.

Die BITV schreibt die beiden Elemente "Webauftritt" und "Seiteninhalt" vor, legt sich aber bei der
Reihenfolge nicht fest.

Um gespeicherte Lesezeichen übersichtlich sortieren zu können, empfiehlt es sich, im Seitentitel den
Webauftritt vor dem Seiteninhalt anzugeben ("Webauftritt - Seiteninhalt").

Anmerkung/Bemerkung/Empfehlung:

·    Die Bezeichnung des Webauftrittes muss im Seitentitel durch den gesamten Webauftritt identisch
sein und am Anfang stehen.

·    Auf Typographische Schmuckelemente sollte verzichtet werden, um den blinden Lesern die
Informationen frei zugänglich zu halten.

·    Um gespeicherte Lesezeichen übersichtlich sortieren zu können, empfiehlt sich dieser Vorschlag für
den Seiten Titel:

"Webauftritt - Seiteninhalt"
Der Webauftritt ist angegeben, der Titel der invividuellen Seite ist unklar
oder fehlt

Betroffene Stichproben
                                        Startseite

Prüfschritt                         2.4.2a Sinnvolle Dokumenttitel

                                    BIK Prüfschritt
                                    Success Criterion 2.4.2
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Normal

Betrifft                            Entwicklung, Gestaltung

Seite 1: Startseite

Dokumenttitel bezeichnen die Site und den Inhalt der jeweiligen Seite, sie können für die Unterscheidung
und Auswahl von Seiten genutzt werden.

Hinweis:

Die BITV schreibt die beiden Elemente "Webauftritt" und "Seiteninhalt" vor, legt sich aber bei der
Reihenfolge nicht fest.

Dokumenttitel vertreten die Seiten, zum Beispiel in Listen mit Bookmarks. Sie sind wichtig für die
Navigation und Orientierung in Webangeboten. Wenn das Angebot oder der Inhalt der Seite nicht
bezeichnet sind, ist die Orientierung beeinträchtigt.

Typographische Schmuckelemente werden Screenreader-Nutzern unter Umständen vorgelesen und stören
dadurch.
Linktexte unverständlich, da sie Sonderzeichen enthalten oder zu lang

Betroffene Stichproben
                                           Startseite
                                           Studiengänge
                                           Wirtschaftspsychologie (B.Sc.)
                                           Kontakt
                                           Impressionen
                                           Projekte
                                           Ansprechpartner

Prüfschritt                             2.4.4a Aussagekräftige Linktexte

                                        BIK Prüfschritt
                                        Success Criterion 2.4.4
                                        Understanding Success Criterion

Art des Problems                        Verstoß

Schwere                                 Normal

Betrifft                                Entwicklung, Gestaltung

Einige unverständliche Linktexte wegen enthaltener Sonderzeichen

        wurde stichprobenartig geprüft

alle Seiten:

info[at]hnu[dot]de

Schreibweise ist ungewöhnlich und die Sprachausgabe mit dem NVDA ist kaum verständlich.

Seite 1: Startseite

"Career-Service"

https://www.hnu.de/studium/im-studium/career-service

*****

Seite 2: Studiengänge

"ZENTRUM FÜR WEITERBILDUNGBetriebswirtschaftliche Steuerung des Gesundheitsbetriebs II"

https://www.hnu.de/weiterbildung/berufsbegleitende-zertifikatskurse/betriebswirtschaftliche-
steuerung-des-gesundheitsbetriebs-i

*****

Seite 3: Wirtschaftspsyhologie

"Allgemeine Studien- und Prüfungsordnung (gültig ab Wintersemester 2020/21) (PDF, 330,92 KB- öffnet
neues Fenster)"

https://www.hnu.de/fileadmin/user_upload/1_Studium/Referat_Pruefung/Upload_POs_und_Modulhandbuecher/AP

*****

Seite 6: Projekte

"Electro Mobility in Logistics - EML"

https://www.hnu.de/forschung/projekte/projekt/electro-mobility-in-logistics-eml
*****

Seite 7: Ansprechpartner

Bayer, Thomas Professor Dr.

https://www.hnu.de/thomas-bayer

Bartak, Teresa

https://www.hnu.de/teresa-bartak

*****

Empfehlung:

Es gibt Links, die auch gleichzeitig als Überschrift in der Ebene H3 definiert sind.

Dann gibt es auch noch den Link "Mehr lesen" (der für den Screenreader versteckt ist).

Beide Links fürhen zum gleichen Ziel (d.h., beide Links öffnen die gleiche Seite).

Es ist lt. BITV nicht verboten, 2 Links zu verwenden, die auf das gleiche Ziel (hier auf die gleiche Seite)
verweisen. ABER: für den Screenreadernutzer muss es aber klar erkennbar sein, dass es sich hier 2 x um den
gleichen Link bzw. Ziel handelt.

Hinweis:

Blinde Nutzer, die von Link zu Link tabben, bekommen die Linktexte vorgelesen und können bei
aussagekräftigen Linktexten leicht entscheiden, ob sie einem Link folgen möchten.

Falls der Linktext selbst nicht aussagekräftig ist, soll der unmittelbare Kontext für Screenreader-Nutzer
wenigstens leicht ermittelbar sein.

Screenreader bieten die Möglichkeit der Auflistung sämtlicher Links der Seite und damit einen schnellen
Überblick, selbst wenn die Seite ansonsten schlecht zugänglich ist. Diese Technik funktioniert allerdings
nicht, wenn alle Linktexte gleich sind und nicht ausreichend Auskunft über das Linkziel geben.

Für Angebote in anderen Formaten als HTML (zum Beispiel PDF- oder Word-Dokumente) benötigt der
Benutzer zusätzliche Programme oder Plugins, die aber nicht jeder auf seinem Rechner installiert hat.
Manche Programme arbeiten schlecht mit Screenreadern oder anderen Hilfsanwendungen zusammen,
manche Dateiformate sind nicht oder nur schlecht zugänglich. Für viele Benutzer ist es wichtig zu wissen, in
welchem Format Informationen angeboten werden, bevor sie einen Link aktivieren.

Ein weiterer Grund, weshalb die Vorab-Information über den Typ des Links wichtig ist: Der Benutzer weiß
dann, was auf ihn zukommt. Er ist nicht überrascht oder irritiert, wenn plötzlich Browserfunktionen nicht
mehr vorhanden sind oder der E-Mail-Client geöffnet wird.
Überschriften teile weise zu lang, mit Sonderzeichen oder werden werden
doppelt vorgelsen.

Betroffene Stichproben
                                        Startseite
                                        Studiengänge
                                        Wirtschaftspsychologie (B.Sc.)
                                        Kontakt
                                        Impressionen
                                        Projekte
                                        Ansprechpartner

Prüfschritt                          2.4.6a Aussagekräftige Überschriften und Beschriftungen

                                     BIK Prüfschritt
                                     Success Criterion 2.4.6
                                     Understanding Success Criterion

Art des Problems                     Verstoß

Schwere                              Normal

Betrifft                             Entwicklung, Gestaltung

alle Seiten: (Stichprobe)

Es ist auffällig, dass bei Überschriften, Links viel mit Bindestrich/Silbentrennung gearbeitet wurde und
teilweise werden auch die Überschriften doppelt vorgelesen (z.B. Startseite Hygiene-Regeln)

z.B. Unter Alle News werden die Überschriften "abgehackt" vorgelesen, da Trennstriche verwenet wurden:
Es gibt auch unter den Artikeln der Hinweis "mehr lesen" und ist für den Screenreader versteckt.

Im Quelltext wurde dies mit aria-hidden="true" für den Screenreader versteckt.
Screen scrollt nicht, wenn fokussierter Link unterhalb des sichtbaren
Bereichs liegt

Betroffene Stichproben
                                       Startseite
                                       Studiengänge
                                       Wirtschaftspsychologie (B.Sc.)
                                       Kontakt
                                       Impressionen
                                       Projekte
                                       Ansprechpartner

Prüfschritt                        2.4.7a Aktuelle Position des Fokus deutlich

                                   BIK Prüfschritt
                                   Success Criterion 2.4.7
                                   Understanding Success Criterion

Art des Problems                   Verstoß

Schwere                            Kritisch

Betrifft                           Entwicklung

Bspl. Fokussierung mit Tab in allen zu testenden Seiten auf Untermenu "Team & Kontakt" in "Forschung"
oder im Menu "Hochschule" auf Untermenu "Wissenschaftsblog"

Damit ist gemeint, dass bei dem Untermen nach Forschungsförderung & Beratung die beiden letzten
Einträge nicht mehr angezeigt werden.
Fokussierung mit tab an Stelle mit nächstem Bild und zug. Text nicht sauber

Betroffene Stichproben
                                      Startseite

Prüfschritt                        2.4.7a Aktuelle Position des Fokus deutlich

                                   BIK Prüfschritt
                                   Success Criterion 2.4.7
                                   Understanding Success Criterion

Art des Problems                   Verstoß

Schwere                            Normal

Betrifft                           Entwicklung

Seite 1: Starteite

Ist der Fokus auf Text mit nicht-letztem Bild, muss man mehrmals Tabtaste drücken, um die
nichtangezeigten Folge-Bilder (erkennbar an unten angezeigter Zeile mit https:// ... mit zug. Texten zu
umgehen, und auf Schalter nächstes Bild zu kommen - Grund hierfür ist, dass die Bilder mit einem leeren
alt-Attribut vor dem Screenreader versteckt sind.
viele ^ erschweren das Navigieren mit Tabtaste

Betroffene Stichproben
                                     Startseite
                                     Studiengänge
                                     Wirtschaftspsychologie (B.Sc.)
                                     Kontakt
                                     Impressionen
                                     Projekte
                                     Ansprechpartner

Prüfschritt                       2.4.7a Aktuelle Position des Fokus deutlich

                                  BIK Prüfschritt
                                  Success Criterion 2.4.7
                                  Understanding Success Criterion

Art des Problems                  Verstoß

Schwere                           Normal

Betrifft                          Entwicklung

Verschlimmbesserung seit 24.2.: Wenn man mit Tabtaste sequentiell fokussiert, muss man sehr häufig
tabben, um weiterzukommen, weil dazwischen vom screenreader immer wieder "Dach" vorgelesen wird.
Zu kleiner Kontrast bei Fokussierung mit Tab nur mit gelber Umrahmung

Betroffene Stichproben
                                     Startseite
                                     Studiengänge
                                     Wirtschaftspsychologie (B.Sc.)
                                     Kontakt
                                     Impressionen
                                     Projekte
                                     Ansprechpartner

Prüfschritt                      2.4.7a Aktuelle Position des Fokus deutlich

                                 BIK Prüfschritt
                                 Success Criterion 2.4.7
                                 Understanding Success Criterion

Art des Problems                 Verstoß

Schwere                          Kritisch

Betrifft                         Entwicklung

Alle Fokussierungen nur mit gelben Umrahmungen auf weißem (Kontrast 1,3:1), lichtgrauen, hellgrünen,
orangenem - und natürlich auf gelbem - Hintergrund haben zu schwachen Kontrast - muss mindestens 3:1
betragen.

Bsple.:
Auch ist darauf zu achten, dass die Buttons vorheriges Bild und nächstes Bild (sowas kommt auf Startseite
und Impressionen vor) einen ausreichend Kontrast haben. Bspl.:

--> hier ist visuell schon erkennbar, dass der Kontrast nicht ausreichend ist.

Empfehlung ist auch, dass man die Buttons außerhalb des Bildes platziert, damit durch Bildänderung der
Kontrast sich nicht zum Schlechteren verändert.
nicht alle anderssprachige Wörter wurden gekennzeichnet

Betroffene Stichproben
                                         Startseite
                                         Studiengänge
                                         Projekte

Prüfschritt                           3.1.2a Anderssprachige Wörter und Abschnitte ausgezeichnet

                                      BIK Prüfschritt
                                      Success Criterion 3.1.2
                                      Understanding Success Criterion

Art des Problems                      Verstoß

Schwere                               Niedrig

Betrifft                              Entwicklung, Redaktion, Gestaltung

Seite 1: Startseite

Es ist möglich, sich die Seite in Englisch anzeigen zu lassen. Klickt man auf EN (für Englisch) liest der
Screenreader "This page in English" nicht richtig vor, da dies nicht als anderssprachige Wörter
ausgezeichnet sind. (Vielleicht doch, aber screenreader NVDA ist nicht optimal)

Entrepreneurship im Link wird nicht richtig vorgelesen.

https://www.hnu.de/transfer/entrepreneurship-gruendung

Services im Link wird nicht richtig ausgesprochen.

https://www.hnu.de/hochschule/einrichtungen-und-services

Hightech, live (wird bei Studienberatung live falsch vorgelesen)

„Embracing cultural diversity“
wird nicht richtig vorgelesen, da nicht als anderssprachige Wörter ausgezeichnet.

Start-ups hier

wird nicht richtig vorgelesen - Kibbutz auch nicht (Tippfehler: &shy vor z ist falsch - sieht aber aus, als
würde screenreader das Wort nicht kennen, daher könnte man das mit deutsch auszeichnen probieren)

Auf Seite mit Hauptsprache englisch sind "Bundesverband Praktizierender Tierärzte e.V." , "weitere
Informationen", " werden Professorin" nicht mit deutsch ausgezeichnet (ist 16.2. mit Katzenoperation neu
dazugekommen)

*****

Seite 2: Studiengänge
Stichproben durchgeführt !

Es wurden nicht alle anderssprachige Wörter ausgezeichnet.

B. compliance, science (Tippfehler in html: sience - ), usw.

Masterstudiengänge muss man gar nicht auszeichnen - nur anderssprachige, deren Aussprache anders als
deutsch ist - dann wäre auch entspr. Tippfehler behoben. Auch gemischtsprachiges soll nicht
ausgezeichnet - auch nicht teilausgezeichnet werden (Bspl. Bachelorstudiengänge), sonst zerhackt
screenreader das Wort - bleibt nach bachelor stehen, liest erst nach tab den Rest.

Anzumerken ist auch, dass bei Links und Überschriften viel mit Bindestrich/Silbentrennung gearbeitet
wurde, so dass der Screenreader abgehackt und nicht korrekt vorliest.

Sowas

an dir="ltr" lang="en">Ca­re­er-Ser­vice

verträgt sich vermutlich nicht (Aussprache ser vau eis)

*****

Seite 6: Projekte

Stichproben durchgführt !

Folgende Sätze werden nicht richtig in Englisch vorgelesen

Pathway to Renewable Off-Grid Community Energy for Development - PROCEED

Strengthening Aquaculture lndustry through Renewable Energy (STAIRE)

The Trolley Problem in an Autonomous Driving Context - TPAD

Teilweise wurden sie als englisch sprachige Wörter ausgezeichnet aber wegen enthaltenen
Bindestrichen/Silbentrennung nicht richtig oder abgehackt vorgelesen.
Navigationsmenü und Seiteninhalte nicht identisch

Betroffene Stichproben
                                      Studiengänge
                                      Wirtschaftspsychologie (B.Sc.)
                                      Kontakt
                                      Impressionen
                                      Projekte
                                      Ansprechpartner

Prüfschritt                       3.2.3a Konsistente Navigation

                                  BIK Prüfschritt
                                  Success Criterion 3.2.3
                                  Understanding Success Criterion

Art des Problems                  Empfehlung

Betrifft                          Entwicklung, Gestaltung

Im Navigationsmenü fehlt der Inhalt bei berufsbegleitende Studiengänge.
Die Fehlermeldung nach Formularüberprüfung benennt Felder mit
fehlender oder fehlerhafter Eingabe nicht klar oder verweist nicht deutlich
darauf (etwa durch Änderung des dem Feld zugeordneten Labels,
semantische Hervorhebung, oder Links).

Betroffene Stichproben
                                        Kontakt

Prüfschritt                         3.3.1a Fehlererkennung

                                    BIK Prüfschritt
                                    Success Criterion 3.3.1
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Kritisch

Betrifft                            Entwicklung, Gestaltung

Seite 4: Kontakte

Die nicht ausgefüllten Pflichtfelder werden identifiziert und zusätzlich deutlich hervorgehoben (gelbe bzw.
rote Umrandung).

Fehlermeldung bei Vorname und Name: "Bitte füllen Sie das Feld aus" ist zu ungenau.

Bessere Variante: "Bitte füllen Sie das Feld Vorname aus" oder "Bitte füllen Sie das Feld Nachname aus".
Wenn man die Checkbox für den Datenschutzhinweis nicht aktiviert, kommt nach dem Absenden der
Hinweis "Bitte klicken Sie dieses Kästchen an"

Besser: Bitte aktivieren Sie die Checkbox für den Datenschutzhinweis

Hinweis:

Wenn ein Formular Fehlermeldungen erzeugt, sollen die fehlerhaft ausgefüllten Felder identifiziert und in
Textform beschrieben werden.

Warum wird das geprüft?

Bei Formulareingaben kommt es öfters zu Fehlern: Nutzer verschreiben sich oder überspringen benötigte
Eingaben.

Wenn das Angebot Nutzereingaben überprüft, sollen die Felder mit fehlerhaften oder fehlenden Eingaben
identifiziert werden. Dies erleichtert den Nutzern, Eingaben zu korrigieren.
Kontaktformular wird nicht in einem neuen Browserfenster geöffnet

Betroffene Stichproben
                                        Startseite

Prüfschritt                         3.3.2a Beschriftungen von Formularelementen vorhanden

                                    BIK Prüfschritt
                                    Success Criterion 3.3.2
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Kritisch

Betrifft                            Entwicklung, Gestaltung

Seite 1: Startseite

Das Kontaktformular wird nicht in einem neuen Browserfenster geöffnet und somit sind die
Browserfunktionen nicht mehr vorhanden.

Außerdem wird im Link nicht mitgeteilt, dass das Kontaktformular eine PDF-Datei ist.

Hinweis:

Für Angebote in anderen Formaten als HTML (zum Beispiel PDF- oder Word-Dokumente) benötigt der
Benutzer zusätzliche Programme oder Plugins, die aber nicht jeder auf seinem Rechner installiert hat.
Manche Programme arbeiten schlecht mit Screenreadern oder anderen Hilfsanwendungen zusammen,
manche Dateiformate sind nicht oder nur schlecht zugänglich. Für viele Benutzer ist es wichtig zu wissen, in
welchem Format Informationen angeboten werden, bevor sie einen Link aktivieren.

Ein weiterer Grund, weshalb die Vorab-Information über den Typ des Links wichtig ist: Der Benutzer weiß
dann, was auf ihn zukommt. Er ist nicht überrascht oder irritiert, wenn plötzlich Browserfunktionen nicht
mehr vorhanden sind oder der E-Mail-Client geöffnet wird.
Suchfeld für die Suche nach Studiengänge verständlicher beschriften und
Kombinationsfelder ebenfalls besser beschreiben

Betroffene Stichproben
                                       Wirtschaftspsychologie (B.Sc.)

Prüfschritt                         3.3.2a Beschriftungen von Formularelementen vorhanden

                                    BIK Prüfschritt
                                    Success Criterion 3.3.2
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Niedrig

Betrifft                            Entwicklung, Gestaltung

Seite 2: Studiengänge

Das Suchfeld für Suche nach Studiengänge muss besser beschrieben werden.

Derzeit liest der Screenreader vor: Studiengang Eingabefeld mit Auto-Vervollständigung

Besser: Eingabefeld für die Suche nach einem Studiengang mit Auto-Vervollständigung

Derzeit liest der Screenreader folgendes vor: Abschluss Kombinationsfeld - - - reduziert

Besser: Abschluss Kombinationsfeld Liste mit 5 Einträgen

Hinweis:

Bei kombinierten Eingabeelementen hat nicht immer jedes Element eine zugeordnete Beschriftung. In
diesem Fall sollen Elemente mit einem erklärenden title -Attribut versehen werden. Beispiel: In einem
Formular werden für die Eingabe eines Datums drei Auswahllisten angeboten (Tag, Monat und Jahr). Die
drei Auswahllisten haben eine gemeinsame Beschriftung: Datum. Die Auswahllisten für Tag, Monat und
Jahr sind mit einem erklärenden title -Attribut versehen.
Suchfeld für Studiengänge besser beschriften

Betroffene Stichproben
                                      Projekte

Prüfschritt                        3.3.2a Beschriftungen von Formularelementen vorhanden

                                   BIK Prüfschritt
                                   Success Criterion 3.3.2
                                   Understanding Success Criterion

Art des Problems                   Verstoß

Schwere                            Niedrig

Betrifft                           Entwicklung, Gestaltung

Seite 6: Projekte

Das Suchfeld für Suche nach Studiengänge muss besser beschrieben werden.

Derzeit liest der Screenreader vor: Studiengang Eingabefeld mit Auto-Vervollständigung

Besser: Eingabefeld für die Suche nach einem Studiengang mit Auto-Vervollständigung
Suchfeld und Kombinationsfelder besser beschriften

Betroffene Stichproben
                                        Ansprechpartner

Prüfschritt                         3.3.2a Beschriftungen von Formularelementen vorhanden

                                    BIK Prüfschritt
                                    Success Criterion 3.3.2
                                    Understanding Success Criterion

Art des Problems                    Verstoß

Schwere                             Normal

Betrifft                            Entwicklung, Gestaltung

Seite 7: Ansprechpartner

Das Suchfeld für Suche nach Studiengänge muss besser beschrieben werden.

Derzeit liest der Screenreader vor: Studiengang Eingabefeld mit Auto-Vervollständigung

Besser: Eingabefeld für die Suche nach einem Studiengang mit Auto-Vervollständigung

Derzeit liest der Screenreader folgendes vor: Fakultät / Abteilung Kombinationsfeld - - - reduziert

Besser: Abschluss Kombinationsfeld Liste mit 5 Einträgen

Hinweis:

Bei kombinierten Eingabeelementen hat nicht immer jedes Element eine zugeordnete Beschriftung. In
diesem Fall sollen Elemente mit einem erklärenden title -Attribut versehen werden. Beispiel: In einem
Formular werden für die Eingabe eines Datums drei Auswahllisten angeboten (Tag, Monat und Jahr). Die
drei Auswahllisten haben eine gemeinsame Beschriftung: Datum. Die Auswahllisten für Tag, Monat und
Jahr sind mit einem erklärenden title -Attribut versehen.
Statusmeldung wird nicht vom Screenreader vorgelesen

Betroffene Stichproben
                                    Kontakt

Prüfschritt                      4.1.3a Statusmeldungen programmatisch verfügbar

                                 BIK Prüfschritt
                                 Success Criterion 4.1.3
                                 Understanding Success Criterion

Art des Problems                 Verstoß

Schwere                          Normal

Betrifft                         Entwicklung, Gestaltung

Seite 4: Kontakt

Nach dem Absenden des Kontaktformulars kommt eine Bestätigung, die aber vom Screenreader nicht
vorgelesen wird.
Sie können auch lesen