Prüfbericht zum Test nach BITV 2.0

Prüfbericht zum Test nach BITV 2.0
Die 50 im Test zu prüfenden Anforderungen sind beschrieben im Verzeichnis der Prüfschritte
unter http://www.bitvtest.de/bitvtest/das_testverfahren_im_detail/pruefschritte.html.
Eine vollständige Beschreibung des Verfahrens findet sich unter
http://testen.bitvtest.de/index.php?a=dl&t=s.
Prüfauftrag
Die Prüfung wurde in Auftrag gegeben von:
XIMA MEDIA GmbH
Steffi Hötzel
Sudhausweg 9
01099 Dresden
Prüfgegenstand
Untersuchte Webseite
HTW Dresden (http:/www.htw-dresden.de/)
Untersuchte Seiten
-
Seite 1: Startseite
(http://www.htw-dresden.de/)
Seite 2: Studieninteressierte
(http://www.htw-dresden.de/studium/studieninteressierte.html)
Seite 3: Studienmöglichkeiten
(http://www.htwdresden.de/studium/studieninteressierte/studienmoeglichkeiten.html)
Seite 4: Zulassungsverfahren
(http://www.htw-dresden.de/studium/studieninteressierte/bewerbungzulassung/zulassungsverfahren-nc-werte.html)
Seite 5: Jobbörse
(https://www.htw-dresden.de/jobboerse/)
Seite 6: Campusgalerie
(http://www.htw-dresden.de/studium/campusgalerie.html)
Seite 7: Veranstaltungskalender
(http://www.htw-dresden.de/service/veranstaltungen/veranstaltungskalender.html)
Seite 8: Veranstaltung 20 Jahre HTW Dresden
(http://www.htw-dresden.de/service/veranstaltungen/20-jahre-htw-dresden.html)
Seite 9: Druckvorlagen
(http://www.htw-dresden.de/intern/marketing/druckvorlagen.html)
Seite 10: Kontakt
(http://www.htw-dresden.de/servicemenue/kontakt.html)
Prüfer, Prüfzeitraum
Sebastian Brückner, 11.03.2016 bis 18.03.2016
Seite 2
Prüfergebnis
Seite
1
2
3
4
5
6
7
8
9
10
Name / Bezeichnung
Startseite
Studieninteressierte
Studienmöglichkeiten
Zulassungsverfahren
Jobbörse
Campusgalerie
Veranstaltungskalender
Veranstaltung 20 Jahre HTW Dresden
Druckvorlagen
Kontakt
Punkte
90,00
91,50
92,50
93,25
90,25
91,25
93,75
90,50
91,75
90,50
Anmerkungen zu einzelnen Prüfschritten
Die folgenden Tabellen zeigen Anmerkungen zu einzelnen Prüfschritten. Die Spalte
"Bewertung" enthält die zusammenfassende Bewertung des Prüfschritts.
Seite 1: Startseite – 90,00 Punkte
Prüfschritt
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.3.1a - HTMLStrukturelemente für
Überschriften
Bewertung
erfüllt
1.3.1d - Inhalte gegliedert
1.3.2b - Sinnvolle Reihenfolge
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
1.4.3b - Kontraste von Grafiken
ausreichend
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
erfüllt
erfüllt
erfüllt
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
2.2.1a - Zeitbegrenzungen
anpassbar
erfüllt
Anmerkung
erfüllt
erfüllt
Im modalen Dialog des Kalenders gibt
es eine h4 "Placeholder", die sicherlich
entfernt oder wenigstens geleert
werden kann. Sie taucht nur nach dem
Neuladen der Seite auf.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Für alle Seiten: Der Menü-Button der
mobilen Ansicht besteht nur aus drei
span-Elementen, die bei
benutzerdefinierten Farbeinstellungen
verschwinden. Das HTW-Logo hat
einen transparenten Hintergrund,
wodurch es bei ungünstigen
Farbeinstellungen schwer sichtbar
werden kann.
Seite 3
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
erfüllt
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.1.1a - Alternativtexte für
Bedienelemente
erfüllt
1.2.3a - Audiodeskription für
Videos
eher erfüllt
1.3.1b - HTMLStrukturelemente für Listen
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
2.4.4a - Aussagekräftige
Linktexte
eher erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Für alle Seiten: Links sind nicht
einheitlich formatiert, die übliche
Unterstreichung fehlt mehrheitlich und
einige sind fett markiert.
erfüllt
eher erfüllt
Die verlinkte Grafik zum Tag der
offenen Tür hat keinen Alternativtext.
Verlinkte Grafiken fungieren als
Bedienelemente, daher sollte ihr
Alternativtext auf das Linkziel bzw. die
ausgelöste Aktion hinweisen.
Eine Audiodeskription ist für die
Verständlichkeit des Imagefilms nicht
zwingend notwendig. Eine Nennung
des Titels oder eine kurze
Inhaltsangabe sollten jedoch über
Audiodeskription vermittelt werden,
damit klar ist, dass es hier nicht nur
Musik, sondern auch informative
Inhalte gibt.
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1.
Der Grafik-Link zum Tag der offenen
Tür hat aufgrund des fehlenden
Alternativtextes keinen Linktext.
Seite 4
2.4.7a - Aktuelle Position des
Fokus deutlich
eher erfüllt
1.4.4a - Schriftgröße variabel
teilweise erfüllt
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
4.1.1a - Valides HTML
1.1.1d - Alternativen für
CAPTCHAs
1.2.2a - Videos mit Untertiteln
nicht erfüllt
nicht anwendbar
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
2.4.4b - Links informieren über
Dateiformat
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
nicht anwendbar
nicht erfüllt
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. einige Textlinks im Inhaltsbereich,
die verlinkten Grafiken und der
Suchen-Button. Andere Elemente
erhalten eine Unterstreichung, z. B.
Links im Footer. Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe. Einige Links erhalten
auch bei Mausbedienung keine
Hervorhebung, was ebenfalls behoben
werden sollte.
Firefox: Es kommt zu minimalen
(Navigation in Sidebar, Link
"Studieninteressierte") und größeren
(Inhaltsbereich, Teaser-Links und Überschriften)Textüberlappungen bzw.
-abschneidungen. Die Hauptnavigation
wird zweizeilig, wodurch ein Teil der
Links unlesbar wird. Internet Explorer:
Die Schrift ist nicht skalierbar.
Für das stumme Video "Dein Studium
an der HTW Dresden" gibt es keine
vollwertige Medienalternative.
"University of Applied Sciences",
"Career Service" und "Transnational
Educational project - Sustainable and
Efficient Use…" sind nicht
ausgezeichnet.
1 Fehler (siehe W3C HTML Validator)
Die Tonspur des Videos "Dein Studium
an der HTW Dresden" enthält keine
relevanten Informationen.
Seite 5
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht anwendbar
nicht anwendbar
Seite 2: Studieninteressierte – 91,50 Punkte
Prüfschritt
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.3.1a - HTMLStrukturelemente für
Überschriften
1.3.1d - Inhalte gegliedert
1.3.2b - Sinnvolle Reihenfolge
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
Bewertung
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.4b - Links informieren über
Dateiformat
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.2a - Formularfelder richtig
beschriftet
4.1.1a - Valides HTML
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
erfüllt
Anmerkung
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
Seite 6
1.1.1a - Alternativtexte für
Bedienelemente
eher erfüllt
1.2.3a - Audiodeskription für
Videos
eher erfüllt
1.3.1b - HTMLStrukturelemente für Listen
eher erfüllt
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
2.4.4a - Aussagekräftige
Linktexte
eher erfüllt
2.4.7a - Aktuelle Position des
Fokus deutlich
eher erfüllt
Die drei verlinkten Grafiken haben
ausführliche Alternativtexte. Allerdings
fungieren sie als Bedienelemente,
daher sollte ihr Alternativtext auf das
Linkziel bzw. die ausgelöste Aktion
hinweisen.
Eine Audiodeskription ist für die
Verständlichkeit der Image- und
Werbefilme nicht zwingend notwendig.
Eine Nennung des Titels oder eine
kurze Inhaltsangabe sollten jedoch
über Audiodeskription vermittelt
werden, damit klar ist, dass es hier
nicht nur Musik, sondern auch
informative Inhalte gibt.
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Links im Text werden nur durch eine
andere Farbe hervorgehoben, sinnvoll
ist hier ein zweites
Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Bei verlinkten Grafiken werden die
Alternativtexte als Linktexte verwendet.
Daher sollen diese dann etwas über
das Linkziel oder die ausgelöste Aktion
aussagen. Alternativtexte wie "Foto:
Thomas Lötzsch, Student im 4.
Semester, bei der Messung einer
Flugzeug-Bordwand mit einem
transportablen Koordinatenmeßgerät in
Gelenkarmbauweise der Firma
"ZettMess" im Labor
"Fertigungsmeßtechnik und
Qualitätssicherung" des
Studienganges Produktion" sind dafür
zu sperrig und nicht sehr
aussagekräftig. Hier bietet es sich an,
zusätzlich auf das Öffnen der Lightbox
hinzuweisen.
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. einige Links im Inhaltsbereich und
der rechten Spalte, die verlinkten
Grafiken und der Suchen-Button.
Andere Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
Seite 7
1.4.4a - Schriftgröße variabel
teilweise erfüllt
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
nicht erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.1.1d - Alternativen für
CAPTCHAs
1.2.2a - Videos mit Untertiteln
nicht anwendbar
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
1.4.3b - Kontraste von Grafiken
ausreichend
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht anwendbar
Firefox: Es kommt zu minimalen
Textüberlappungen in der
Navigationspalte (Link
"Studieninteressierte"). Die
Hauptnavigation wird zweizeilig,
wodurch ein Teil der Links unlesbar
wird. Internet Explorer: Die Schrift ist
nicht skalierbar.
Für die stummen Videos "Dein
Studium an der HTW Dresden" und
"Studentenfilm HTW Dresden" gibt es
keine vollwertigen Medienalternativen.
"University of Applied Sciences" und
"Career Service" sind nicht
ausgezeichnet.
nicht anwendbar
nicht anwendbar
Die Tonspuren der beiden Videos
enthalten keine relevanten
Informationen.
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Seite 3: Studienmöglichkeiten – 92,50 Punkte
Prüfschritt
1.1.1a - Alternativtexte für
Bedienelemente
Bewertung
erfüllt
Anmerkung
Die verlinkte Grafik "Studierende vor
dem Hauptgebäude" ist ein
Bedienelement, daher sollte ihr
Alternativtext auf das Linkziel bzw. die
ausgelöste Aktion hinweisen.
Seite 8
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.3.1d - Inhalte gegliedert
erfüllt
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.2b - Sinnvolle Reihenfolge
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.4a - Aussagekräftige
Linktexte
erfüllt
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.3.1a - HTMLStrukturelemente für
Überschriften
1.3.1b - HTMLStrukturelemente für Listen
erfüllt
erfüllt
Unter "Direktstudium" befindet sich ein
leeres Absatzelement.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Bei der verlinkten Grafik sollte der
Hinweis auf das Lightbox-Öffnen
ergänzt werden.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
eher erfüllt
Die Überschrift "Direkteinstieg" gibt es
doppelt, mit unterschiedlichen Ebenen.
eher erfüllt
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Seite 9
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
2.4.7a - Aktuelle Position des
Fokus deutlich
eher erfüllt
1.4.4a - Schriftgröße variabel
teilweise erfüllt
2.4.4b - Links informieren über
Dateiformat
nicht erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
4.1.1a - Valides HTML
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.1.1d - Alternativen für
CAPTCHAs
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
1.4.3b - Kontraste von Grafiken
ausreichend
nicht erfüllt
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Links im Text werden teilweise nur
durch eine andere Farbe
hervorgehoben, sinnvoll ist hier ein
zweites Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. einige Links im Inhaltsbereich und
der rechten Spalte, die verlinkten
Grafiken und der Suchen-Button.
Andere Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
Firefox: Es kommt zu minimalen
Textüberlappungen in der
Navigationspalte (Links
"Studieninteressierte" und
"Studienmöglichkeiten"). Die
Hauptnavigation wird zweizeilig,
wodurch ein Teil der Links unlesbar
wird. Internet Explorer: Die Schrift ist
nicht skalierbar.
Die beiden gleichlautenden Links
"Dipl.-Ing. (FH) Informationen zum
Fernstudium" verlinken unangekündigt
auf PDF-Dateien.
"University of Applied Sciences" und
"Career Service" sind nicht
ausgezeichnet.
1 Fehler (siehe W3C HTML Validator)
Seite 10
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Seite 4: Zulassungsverfahren – 93,25 Punkte
Prüfschritt
1.1.1a - Alternativtexte für
Bedienelemente
Bewertung
erfüllt
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.3.2b - Sinnvolle Reihenfolge
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.4a - Aussagekräftige
Linktexte
erfüllt
2.4.4b - Links informieren über
Dateiformat
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
erfüllt
Anmerkung
Die verlinkte Grafik "HTW Gebäude
vom Hauptbahnhof gesehen" ist ein
Bedienelement, daher sollte ihr
Alternativtext auf das Linkziel bzw. die
ausgelöste Aktion hinweisen.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Bei der verlinkten Grafik sollte der
Hinweis auf das Lightbox-Öffnen
ergänzt werden.
Seite 11
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.3.1a - HTMLStrukturelemente für
Überschriften
erfüllt
1.3.1b - HTMLStrukturelemente für Listen
eher erfüllt
1.3.1d - Inhalte gegliedert
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
1.4.4a - Schriftgröße variabel
teilweise erfüllt
2.4.7a - Aktuelle Position des
Fokus deutlich
teilweise erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
4.1.1a - Valides HTML
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.1.1d - Alternativen für
CAPTCHAs
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
nicht erfüllt
nicht anwendbar
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
eher erfüllt
nicht anwendbar
nicht anwendbar
Auf die h1-Hauptüberschrift folgt eine
h3- statt h2-Überschrift. Die Überschrift
"Direkteinstieg" gibt es doppelt, mit
unterschiedlichen Ebenen.
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Es werden mehrfach doppelte
Zeilenumbrüche verwendet, um
Absätze zu simulieren bzw. Abstände
zu erzeugen.
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Firefox: Es kommt zu minimalen
Textüberlappungen in der
Navigationspalte (Link
"Studieninteressierte"). Die
Hauptnavigation wird zweizeilig,
wodurch ein Teil der Links unlesbar
wird. Internet Explorer: Die Schrift ist
nicht skalierbar.
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. Links im Inhaltsbereich und der
rechten Spalte (außer einer), die
verlinkte Grafik und der SuchenButton. Andere Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
"University of Applied Sciences" und
"Career Service" sind nicht
ausgezeichnet.
1 Fehler (siehe W3C HTML Validator)
Seite 12
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
1.4.3b - Kontraste von Grafiken
ausreichend
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Seite 5: Jobbörse – 90,25 Punkte
Prüfschritt
1.1.1a - Alternativtexte für
Bedienelemente
Bewertung
erfüllt
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.3.1d - Inhalte gegliedert
1.3.2b - Sinnvolle Reihenfolge
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
erfüllt
Anmerkung
Die verlinkte Maulwurf-Grafik unterhalb
der Hauptüberschrift ist ein
Bedienelement, daher sollte ihr
Alternativtext auf das Linkziel bzw. die
ausgelöste Aktion hinweisen, Beispiel
hier: "Maulwurf sagt: Wurdest du auch
schon gefunden? Bildquelle: pixelio.de
/ Öffnet Bild in großer Ansicht".
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
Seite 13
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.4a - Aussagekräftige
Linktexte
erfüllt
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.3.1a - HTMLStrukturelemente für
Überschriften
erfüllt
1.3.1b - HTMLStrukturelemente für Listen
eher erfüllt
erfüllt
erfüllt
erfüllt
Bei der verlinkten Grafik sollte der
Hinweis auf das Lightbox-Öffnen
ergänzt werden.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
eher erfüllt
Die beiden Überschriften in der
orangefarbenen Box in der rechten
Spalte (h1 "6. Mittelstandstag 2016"
und h2 "CONTROLLING IN
MITTELSTÄNDISCHEN
UNTERNEHMEN - TRENDS UND
HERAUSFORDERUNGEN") werden
(vermutlich) nur aus optischen
Gründen eingesetzt. Sie fügen sich
zwar korrekt in die Hierarchie ein,
allerdings stimmt diese nicht mit den
Inhalten überein. Die nachfolgenden
h2-Elemente sind ja keine Unterpunkte
zu der h1 "6. Mittelstandstag 2016".
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift. Die Links "Im Nutzerkonto
anmelden", "Registrieren" und
"Erweiterte Suche einblenden" müssen
nicht mit ein-elementigen Listen
umgesetzt werden.
Seite 14
1.3.1e - Datentabellen richtig
aufgebaut
eher erfüllt
1.3.1f - Zuordnung von
Tabellenzellen
eher erfüllt
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
1.4.3c - Inhalte bei
eher erfüllt
benutzerdefinierten Farben
erkennbar
1.4.3b - Kontraste von Grafiken teilweise erfüllt
ausreichend
1.4.4a - Schriftgröße variabel
teilweise erfüllt
2.4.7a - Aktuelle Position des
Fokus deutlich
teilweise erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
4.1.1a - Valides HTML
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.1.1d - Alternativen für
CAPTCHAs
nicht erfüllt
nicht anwendbar
nicht anwendbar
Die Ergebnistabelle enthält
tabellarische Daten und es sind
(optisch) gliedernde
Überschriftenzellen vorhanden. Diese
werden aber eher ungewöhnlich wie
'normale' Textüberschriften eingesetzt
und dienen daher nur der Gliederung
der einzelnen Ergebniszeilen. Die
Spalten enthalten eindeutige, klar
unterscheidbare Inhaltstypen und
benötigen daher nicht zwingend eigene
Spaltenüberschriften.
Durch die ungewöhnliche Art der
Verwendung der Überschriftenzellen,
ist es nicht möglich, diese als Spaltenoder Zeilenüberschrift zu markieren.
Links im Text werden nur durch eine
andere Farbe hervorgehoben, sinnvoll
ist hier ein zweites
Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Die gelben und blauen Buttons
verschwinden.
Farbkombinationen unterhalb des
Mindestkontrast: Buttons weiß-gelb
1,9:1, Buttons weiß-blau ~3:1.
Firefox: Die Hauptnavigation wird
zweizeilig, wodurch ein Teil der Links
unlesbar wird. Internet Explorer: Die
Schrift ist nicht skalierbar.
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz
oder geringe Hervorhebungen, z. B.
alle Bedienelemente im Inhaltsbereich
und der Suchen-Button. Andere
Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
"University of Applied Sciences",
"Career Service" und "Coaching" sind
nicht ausgezeichnet.
9 Fehler (siehe W3C HTML Validator)
Seite 15
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
2.4.4b - Links informieren über
Dateiformat
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Seite 6: Campusgalerie – 91,25 Punkte
Prüfschritt
1.3.1d - Inhalte gegliedert
1.3.2b - Sinnvolle Reihenfolge
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
Bewertung
erfüllt
erfüllt
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.4b - Links informieren über
Dateiformat
2.4.5a - Alternative
Zugangswege
erfüllt
Anmerkung
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
Seite 16
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.3.1a - HTMLStrukturelemente für
Überschriften
1.3.1b - HTMLStrukturelemente für Listen
erfüllt
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
1.1.1a - Alternativtexte für
Bedienelemente
teilweise erfüllt
1.4.4a - Schriftgröße variabel
teilweise erfüllt
2.4.4a - Aussagekräftige
Linktexte
teilweise erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
eher erfüllt
eher erfüllt
Die Überschrift "Campusgalerie" gibt
es doppelt, mit unterschiedlichen
Ebenen.
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Links im Text werden nur durch eine
andere Farbe hervorgehoben, sinnvoll
ist hier ein zweites
Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Farbkombinationen unterhalb des
Mindestkontrast: Link Bildarchiv weißhellblau 3,1:1, Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Einige Bilder der Galerie haben keinen
Alternativtext. Da sie verlinkt sind,
fungieren sie als Bedienelement,
welche einen Alternativtext zwingend
benötigen.
Firefox: Es kommt zu
Textüberlappungen bzw. abschneidungen in der Galerie bei den
Bildunterschriften. Die Hauptnavigation
wird zweizeilig, wodurch ein Teil der
Links unlesbar wird. Internet Explorer:
Die Schrift ist nicht skalierbar.
Einige Bilder der Galerie haben keinen
Alternativtext, welcher hier als Linktext
fungiert. Daher sind diese
Bedienelement schlecht bis gar nicht
zu benutzen.
Seite 17
2.4.7a - Aktuelle Position des
Fokus deutlich
teilweise erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
4.1.1a - Valides HTML
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.1.1d - Alternativen für
CAPTCHAs
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
1.4.3b - Kontraste von Grafiken
ausreichend
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht erfüllt
nicht anwendbar
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. verlinkte Grafiken im
Inhaltsbereich und der Suchen-Button.
Andere Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
"University of Applied Sciences" und
"Career Service" sind nicht
ausgezeichnet.
9 Fehler (siehe W3C HTML Validator)
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Seite 7: Veranstaltungskalender – 93,75 Punkte
Prüfschritt
1.1.1a - Alternativtexte für
Bedienelemente
Bewertung
erfüllt
Anmerkung
Seite 18
1.3.1a - HTMLStrukturelemente für
Überschriften
erfüllt
1.3.1d - Inhalte gegliedert
1.3.2b - Sinnvolle Reihenfolge
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
erfüllt
erfüllt
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
erfüllt
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.4a - Aussagekräftige
Linktexte
2.4.5a - Alternative
Zugangswege
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.3.1b - HTMLStrukturelemente für Listen
erfüllt
erfüllt
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
eher erfüllt
Im modalen Dialog des Kalenders gibt
es eine h4 "Placeholder", die sicherlich
entfernt oder wenigstens geleert
werden kann. Sie taucht nur nach dem
Neuladen der Seite auf.
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
erfüllt
erfüllt
erfüllt
Hinweis: Die Sprunglinks verweisen
auf ?page=4, obwohl die Seite frisch
aufgerufen wurde.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
eher erfüllt
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Links im Text werden nur durch eine
andere Farbe hervorgehoben, sinnvoll
ist hier ein zweites
Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Seite 19
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
2.4.6a - Title-Attribut für
Symbole
eher erfüllt
1.4.4a - Schriftgröße variabel
teilweise erfüllt
2.4.7a - Aktuelle Position des
Fokus deutlich
teilweise erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
4.1.1a - Valides HTML
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.1.1d - Alternativen für
CAPTCHAs
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
1.4.3b - Kontraste von Grafiken
ausreichend
nicht erfüllt
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Ein erklärendes title-Attribut für die
Kalender-Symbole in dem FitlerFormular wären hilfreich.
Firefox: Es kommt zu
Textüberlappungen bzw. abschneidungen in der
Navigationsspalte sowie bei den
Elemente des Filter-Formulars. Die
Hauptnavigation wird zweizeilig,
wodurch ein Teil der Links unlesbar
wird. Internet Explorer: Die Schrift ist
nicht skalierbar.
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. Links und Bedienelemente im
Inhaltsbereich und der Suchen-Button.
Andere Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
"University of Applied Sciences" und
"Career Service" sind nicht
ausgezeichnet.
1 Fehler (siehe W3C HTML Validator)
Seite 20
2.4.4b - Links informieren über
Dateiformat
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
nicht anwendbar
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Hinweis: Es ist mir nicht gelungen, die
Ergebnisliste mithilfe der Filter
einzuschränken. Unabhängig von der
Parametereingabe wurde immer
wieder die komplette Liste angezeigt.
nicht anwendbar
Seite 8: Veranstaltung 20 Jahre HTW Dresden – 90,50 Punkte
Prüfschritt
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.3.2b - Sinnvolle Reihenfolge
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
Bewertung
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
erfüllt
Anmerkung
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
Seite 21
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.1.1a - Alternativtexte für
Bedienelemente
erfüllt
1.3.1b - HTMLStrukturelemente für Listen
eher erfüllt
1.3.1d - Inhalte gegliedert
eher erfüllt
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
2.4.4a - Aussagekräftige
Linktexte
eher erfüllt
1.3.1a - HTMLStrukturelemente für
Überschriften
1.4.4a - Schriftgröße variabel
2.4.4b - Links informieren über
Dateiformat
erfüllt
eher erfüllt
teilweise erfüllt
teilweise erfüllt
teilweise erfüllt
2.4.7a - Aktuelle Position des
Fokus deutlich
teilweise erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
Die verlinkten Grafiken tragen alle
relativ aussagekräftige Alternativtexte.
Allerdings fungieren sie als
Bedienelemente, daher sollte ihr
Alternativtext auf das Linkziel bzw. die
ausgelöste Aktion hinweisen, z. B. hier
das Öffnen einer Lightbox. Der Hinweis
"Foto:" kann entfallen.
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Es sind mehrere leere Absatzelemente
(zur Erzeugung von Abständen)
vorhanden.
Links im Text werden nur durch eine
andere Farbe hervorgehoben, sinnvoll
ist hier ein zweites
Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Es gibt einige Links, die auf ein Bild
"leerweiss_2ade31.jpg" o. ä.
verweisen, welche keine
Alternativtexte hat.
Auf die h1-Hauptüberschrift folgt eine
h3- statt h2-Überschrift. Es gibt
zahlreiche leere h2-Elemente.
Firefox: Es kommt zu minimalen
Textüberlappungen in der
Navigationsspalte. Die
Hauptnavigation wird zweizeilig,
wodurch ein Teil der Links unlesbar
wird. Internet Explorer: Die Schrift ist
nicht skalierbar.
Die beiden Links "Festschrift" verlinken
unangekündigt auf PDF-Dateien.
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. Links und verlinkte Grafiken im
Inhaltsbereich und der Suchen-Button.
Andere Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
"University of Applied Sciences" und
"Career Service" sind nicht
ausgezeichnet.
Seite 22
4.1.1a - Valides HTML
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.1.1d - Alternativen für
CAPTCHAs
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
1.4.3b - Kontraste von Grafiken
ausreichend
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht erfüllt
nicht anwendbar
1 Fehler (siehe W3C HTML Validator)
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Seite 9: Druckvorlagen – 91,75 Punkte
Prüfschritt
1.1.1a - Alternativtexte für
Bedienelemente
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
Bewertung
erfüllt
Anmerkung
erfüllt
Die Grafik "Wickelfalz" ist mit einem
leeren Alternativtext als Layoutgrafik
definiert worden. Dann sollte die
dazugehörige Bildunterschrift "Format
eines Flyers im Wickelfalz" auch
weggelassen werden, da sie jetzt nur
ein loser Text ohne Bezug ist.
Allerdings birgt die Grafik u. U.
Informationen, die man mit einem
Alternativtext hätte ausdrücken
können.
1.3.1a - HTMLStrukturelemente für
Überschriften
1.3.2b - Sinnvolle Reihenfolge
erfüllt
erfüllt
Seite 23
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
erfüllt
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.2a - Formularfelder richtig
beschriftet
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.3.1d - Inhalte gegliedert
erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
2.4.4a - Aussagekräftige
Linktexte
eher erfüllt
erfüllt
erfüllt
erfüllt
Die Unterliste des aktuellen
Hauptmenüpunktes lässt sich nicht
durch tabben.
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
eher erfüllt
Es sind mehrere leere Absatzelemente
(zur Erzeugung von Abständen)
vorhanden.
Farbkombinationen unterhalb des
Mindestkontrast: Breadcrumb grauweiß 3,9:1.
Es gibt drei Grafiken, die als
Layoutgrafiken leere alt-Attribute
haben. Diese sind aber verlinkt (zum
Öffnen der Lightbox) und haben hier
keinen Linktext.
Seite 24
2.4.7a - Aktuelle Position des
Fokus deutlich
eher erfüllt
1.3.1b - HTMLStrukturelemente für Listen
teilweise erfüllt
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
teilweise erfüllt
1.4.4a - Schriftgröße variabel
teilweise erfüllt
2.4.4b - Links informieren über
Dateiformat
3.1.2b - Anderssprachige
Wörter ausgezeichnet
eher nicht erfüllt
4.1.1a - Valides HTML
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.1.1d - Alternativen für
CAPTCHAs
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
nicht erfüllt
nicht anwendbar
nicht erfüllt
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. Links im Inhaltsbereich, die
verlinkten Grafiken und der SuchenButton. Andere Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift. Die erkennbaren
(Link)Listen unterhalb "Visitenkarten",
"Flyer im Wickelfalz", "Plakatvorlagen
für die Fakultäten" und "Plakatvorlagen
für Abschlussarbeiten" sind nicht mit
den entsprechenden HTMLStrukturelementen ausgezeichnet.
Links im Text werden nur durch eine
andere Farbe hervorgehoben, sinnvoll
ist hier ein zweites
Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Firefox: Es kommt zu minimalen
Textüberlappungen in der
Navigationsspalte. Die
Hauptnavigation wird zweizeilig,
wodurch ein Teil der Links unlesbar
wird. Internet Explorer: Die Schrift ist
nicht skalierbar.
Der Großteil der Download-Links gibt
keine Auskunft über das Dateiformat.
"University of Applied Sciences",
"Career Service", "Corporate Design"
und "Corporate Identity" sind nicht
ausgezeichnet.
1 Fehler (siehe W3C HTML Validator)
Seite 25
1.3.2a - Layouttabellen
nicht anwendbar
linearisierbar
1.4.2a - Ton abschaltbar
nicht anwendbar
1.4.3b - Kontraste von Grafiken nicht anwendbar
ausreichend
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.1a - Fehlermeldungen
hilfreich
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
Die Grafik "Wickelfalz" hat einen
Farbkontrast von 2,2:1. Mit ihrem
leeren Alternativtext wird sie aber als
Layoutgrafik gewertet, die nicht unter
diesen Prüfschritt fällt.
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
Seite 10: Kontakt – 90,50 Punkte
Prüfschritt
1.1.1a - Alternativtexte für
Bedienelemente
1.3.1a - HTMLStrukturelemente für
Überschriften
Bewertung
erfüllt
Anmerkung
erfüllt
1.3.1d - Inhalte gegliedert
erfüllt
Auf die h1-Hauptüberschrift folgt eine
h3- statt h2-Überschrift, was aber
durch die Struktur auf den anderen
Seiten begründet ist und nicht negativ
bewertet wird.
Es ist ein leeres Absatzelement
vorhanden.
1.3.2b - Sinnvolle Reihenfolge
1.4.3b - Kontraste von Grafiken
ausreichend
1.4.3c - Inhalte bei
benutzerdefinierten Farben
erkennbar
1.4.4b - Bei Zoom auf 200%
benutzbar
1.4.5a - Verzicht auf
Schriftgrafiken
2.1.1a - Ohne Maus nutzbar
2.2.1a - Zeitbegrenzungen
anpassbar
2.2.2a - Bewegte Inhalte
abschaltbar
2.3.1a - Verzicht auf Flackern
2.4.1a - Inhaltsbereiche
strukturiert
2.4.2a - Sinnvolle Dokumenttitel
2.4.3a - Schlüssige Reihenfolge
bei der Tastaturbedienung
2.4.4a - Aussagekräftige
Linktexte
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
Seite 26
2.4.5a - Alternative
Zugangswege
2.4.6a - Title-Attribut für
Symbole
2.4.8a - Position im Webauftritt
klar
3.1.1a - Hauptsprache
angegeben
3.2.1a - Kein Öffnen neuer
Fenster beim Laden der Seite
3.2.2a - Keine unerwartete
Kontextänderung bei Eingabe
3.2.3a - Navigation einheitlich
3.3.1a - Fehlermeldungen
hilfreich
erfüllt
4.1.1b - Verzicht auf veraltete
Elemente und Attribute
1.3.1b - HTMLStrukturelemente für Listen
erfüllt
1.3.3a - Ohne Bezug auf
sensorische Merkmale nutzbar
eher erfüllt
1.4.3a - Kontraste von Texten
ausreichend
eher erfüllt
2.4.7a - Aktuelle Position des
Fokus deutlich
eher erfüllt
3.3.2a - Formularfelder richtig
beschriftet
eher erfüllt
1.4.4a - Schriftgröße variabel
teilweise erfüllt
1.1.1d - Alternativen für
CAPTCHAs
nicht erfüllt
3.1.2b - Anderssprachige
Wörter ausgezeichnet
nicht erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
erfüllt
eher erfüllt
Hinweis: Die Fehlermeldung zum
CAPTCHA-Feld verlinkt auf eine etwas
andere ID als die des Eingabefeldes.
Der Seitenpfad (Breadcrumb) ist als
Liste ausgezeichnet, hat aber keine
Überschrift.
Links im Text werden nur durch eine
andere Farbe hervorgehoben, sinnvoll
ist hier ein zweites
Hervorhebungsmerkmal, z. B.
Unterstreichung oder Fettung.
Farbkombinationen unterhalb des
Mindestkontrast: Texte/Links im Footer
weiß-grau 3,6:1, Breadcrumb grauweiß 3,9:1.
Manche Elemente erhalten bei
Fokussierung nur den Systemkranz,
z. B. die beiden Buttons. Andere
Elemente erhalten eine
Unterstreichung, z. B. Links im Footer.
Hier wäre ein zweites
Unterscheidungsmerkmal sinnvoll,
z. B. die Änderung der Schrift- oder
Hintergrundfarbe.
Das Eingabefeld für die CAPTCHAGrafik ist nicht korrekt mit der
vorhandenen Formularfeldbeschriftung
verknüpft.
Firefox: Die Hauptnavigation wird
zweizeilig, wodurch ein Teil der Links
unlesbar wird. Internet Explorer: Die
Schrift ist nicht skalierbar.
Der Alternativtext der CAPTCHAGrafik gibt keine Auskunft über den
Zweck der Grafik. Zudem gibt es keine
Alternative zu dem bildbasierten
CAPTCHA.
"University of Applied Sciences" und
"Career Service" sind nicht
ausgezeichnet.
Seite 27
4.1.1a - Valides HTML
1.1.1b - Alternativtexte für
Grafiken und Objekte
1.1.1c - Leere alt-Attribute für
Layoutgrafiken
1.2.1a - Alternativen für
Audiodateien und stumme
Videos
1.2.2a - Videos mit Untertiteln
1.2.3a - Audiodeskription für
Videos
1.3.1c - HTMLStrukturelemente für Zitate
1.3.1e - Datentabellen richtig
aufgebaut
1.3.1f - Zuordnung von
Tabellenzellen
1.3.1g - Kein Strukturmarkup
für Layouttabellen
1.3.2a - Layouttabellen
linearisierbar
1.4.2a - Ton abschaltbar
2.4.4b - Links informieren über
Dateiformat
2.4.8b - Zweck der
Alternativversion einleuchtend
3.1.2a - Anderssprachige
Abschnitte ausgezeichnet
3.3.4a - Fehlervermeidung wird
unterstützt
4.1.2a - Name und Rolle von
Bedienelementen verfügbar
nicht erfüllt
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
nicht anwendbar
1 Fehler (siehe W3C HTML Validator)
CAPTCHA-Grafik siehe Prüfschritt
1.1.1d