Protokoll über die Prüfung Design der Webseite, Menü, Eingabeformulare

Datum der Prüfung: 10.12.2020

Gegenstand der Prüfung

  • Design der Webseite
  • Menüs
  • Detailansicht der Dokumente
  • Suchergebnissseite
  • Merkliste
  • Browsing Seiten und Personensuche
  • Eingabemasken für die Suche
  • Das von den Autoren nutzbare Erfasungsformular
  • Datenschutzerklärung

Protokoll

1.1.1a - Alternativtexte für Bedienelemente: teilweise erfüllt

Die Alternativtexte fehlen bei:

  • Logo links oben
  • Suche auf der Startseite
  • Einschlitzsuche
  • Icon für die Merkliste im Menü
  • Paginierungsbuttons in der Suchergebnisse
  • Detailansicht: CC Lizenzen

1.1.1b Alternativtexte für Grafiken und Objekte: erfüllt

1.1.1c Leere alt-Attribute für Layoutgrafiken

  • Logo im Footer sollte leeres alt-Atribute haben

1.1.1d Alternativen für CAPTCHAs: nicht anwendbar

Es werden keine Chaptchas verwendet.

1.2.1a Alternativen für Audiodateien und stumme Videos: Nicht anwendbar

Es gibt keine Audio- und Videodaten auf der Webseite.

1.2.2a Aufgezeichnete Videos mit Untertiteln: Nicht anwendbar

Es gibt keine Audio- und Videodaten auf der Webseite.

1.2.3a Audiodeskription oder Volltext-Alternative für Videos: nicht anwendbar

Es gibt keine Audio- und Videodaten auf der Webseite.

1.2.4a Videos (live) mit Untertiteln: nicht anwendbar

Es gibt keine Audio- und Videodaten auf der Webseite.

1.2.5a Audiodeskription für Videos: nicht anwendbar

Es gibt keine Audio- und Videodaten auf der Webseite.

1.3.1a HTML-Strukturelemente für Überschriften: teilweise erfüllt

  • Datenschutzerklärung: Verwenden von Listen als Überschriften.

1.3.1b HTML-Strukturelemente für Listen: teilweise erfüllt

Listen werden über ol- oder ul-Tags dargestellt.

1.3.1c HTML-Strukturelemente für Zitate: nicht anwendbar

Es werden keine Zitate auf der Webseite verwendet.

1.3.1d Inhalte gegliedert: teilweise erfüllt.

  • Datenschutzerklärung: Verwendung von   zum Einrücken der Überschriften.

1.3.1e Datentabellen richtig aufgebaut: nicht erfüllt

  • Datenschutzerklärung: Tabelle über die verwendeten Cookies.

1.3.1f Zuordnung von Tabellenzellen: nicht anwendbar

Es werden keine komplexen Datentabellen verwendet.

1.3.1g Kein Strukturmarkup für Layouttabellen: nicht anwendbar

Es werden keine Tabellen zu Layoutzwecken verwendet.

1.3.1.h Beschriftung von Formularelementen programmatisch ermittelbar: eher erfüllt

Die Erfassungsformulare für die Autoren haben die Feldbeschriftungen kein for-Attribute. Da der Kreis der Betroffen klein und der Aufwand das Problem zu beheben sehr groß ist, wird eine Beseitigung angestrebt aber vorerst nicht umgesetzt.

1.3.2a Sinnvolle Reihenfolge: erfüllt

1.3.3a Ohne Bezug auf sensorische Merkmale nutzbar: erfüllt

Der Nutzer kann die Webseite ohne Farb oder Tonsignale nutzen.

1.3.4a Keine Beschränkung der Bildschirmausrichtung: erfüllt

Die Webseite kann sowohl im Hoch als auch im Querformat genutzt werden.

1.3.5a Eingabefelder zu Nutzerdaten vermitteln den Zweck: nicht erfüllt

Es sind keine Formularfelder mit einem autocomplete-Attribut versehen. Formulare bei denen es sinnvoll wäre sind folgende:

  • Login
  • Bearbeiten der eigenen Nutzerdaten

1.4.1a Ohne Farben nutzbar: erfüllt

Bei Formulareingaben und Workflowschritten wird mittel Farbgebung der Nutzer informiert, ob es fehlende Einträg gibt oder Aktionen (z.B.) Speichern fehlgeschlagen sind. Diese sind jedoch stets mit einer aussagekräftigen Textmeldung versehen.

1.4.2a Ton abschaltbar: nicht anwendbar

Das Abspielen von Audiodaten muss immer vom Nutzer initiert werden.

1.4.3a Kontraste von Texten ausreichend: nicht erfüllt

Nicht erfüllt:

  • Überschrift: Digtale Bibliothek
  • Textteile in der Suchergebnissliste: aus (erschienen in), Erscheinungsort
  • Anzahl der Dokumente und Links auf dunklen Feldern beim Browsen nach Einrichtung, Dokumenttyp, Reihen der Leopoldina
  • Suchergebnisse Anzahl der Dokumente in einer Facete, auf die Merkliste, Nummer des Suchergebnisses
  • Detailansicht: Label der Metadaten, Bezeichnung des inaktiven Tabs für Abstract, Badge veröffentlicht

1.4.4a Text auf 200% vergrößerbar: nicht erfüllt

  • Header: Digitale Bibliothek verschwindet hinter der Einschlitzsuche
  • Detailansicht: Zugriffsstatistik nicht mehr lesbar.

1.4.5a Verzicht auf Schriftgrafiken:erfüllt

1.4.10a Inhalte brechen um: erfüllt

1.4.11a Kontraste von Grafiken und Bedienelementen ausreichend: nicht erfüllt

  • Alle Buttons mit weißer Schrift haben eine zu geringen Kontrast.

1.4.12a Textabstände anpassbar: erfüllt

1.4.13a Eingeblendete Inhalte bedienbar: erfüllt

2.1.1a Ohne Maus nutzbar:erfüllt

2.1.2a Keine Tastaturfalle: erfüllt

2.1.4a Tastatur-Kurzbefehle abschaltbar oder anpassbar:erfüllt

Keine Taste bis auf die Funktionstasten bewirken eine Reaktion/Aktion der Webseite.

2.2.1a Zeitbegrenzungen anpassbar: erfüllt

2.2.2a Bewegte Inhalte abschaltbar

Bis auf Videoinhalte gibt es keine bewegten Inhalte.

2.3.1a Verzicht auf Flackern

Es gibt keine flackernden Inhalte oder Bedinelemente.

2.4.1a Bereiche überspringbar: eher nicht erfüllt

Die Tags nav und main werden auf der Webseite nicht verwendet. Ebenso sind keine Sprunglinks vorhanden.

2.4.2a Sinnvolle Dokumenttitel: eher erfüllt

Jede Seite, bis auf die Suchergebnisse, hat einen individuellen aussagekräftigen Titel. Eine allgemeine Bezeichnung des Webauftritts ist bisher nicht Teil des Titel.

2.4.3a Schlüssige Reihenfolge bei der Tastaturbedienung: eher erfüllt

  • Detailansicht: Nach dem Breadcrumb springt der Fokus auf die Merkliste/Aktionen und nicht auf die Badges.
  • In der Suchergebnissseite ist der Button "Alle Treffier dieser Seite merken" nicht erreichbar
  • In der Suchergebnissseite: Reihenfolge pro Suchergebnis sollte von links nach rechts sein.

2.4.4a Aussagekräftige Linktexte: teilweise erfüllt

  • Link zum Auf und Zuklappen des Abtrakts
  • Sprachenlinks in den Tabs vom Abstrakt
  • GND Links in den Suchergebnissen und der Detailansicht
  • Namenslinks in der Detailansicht
  • Badges in der Detailansicht

2.4.5a Alternative Zugangswege: erfüllt

Das Repository bietet neben der Suche weiter Zugangsmöglichkeiten wie das Browsen nach Instiuten, Personen oder Dokumenttpen.

2.4.6a Aussagekräftige Überschriften und Beschriftungen: erfüllt

Die redaktionen Inhaltseiten werden in einem gesonderten Protokoll geprüft.

2.4.7a Aktuelle Position des Fokus deutlich: eher nicht erfüllt

Nicht erkennbarer Fokus:

  • Link Logo links oben.
  • Link Digitale Bibliothek
  • "Zitier-Link kopieren" in der Detailansicht

2.5.1a Alternativen für komplexe Zeiger-Gesten: nicht anwendbar

2.5.2a Zeigergesten-Eingaben können abgebrochen oder widerrufen werden: teilweise erfüllt

Die Testsergebnisse zu diesem Punkt waren widersprüchlich und hingen vom verwendeten Browser ab. Sie sollten zu einem späteren Zeitpunkt wiederholt werden.

2.5.3a Sichtbare Beschriftung Teil des zugänglichen Namens: nicht erfüllt

Die meisten Bedienelemente haben nicht ihre sichtbare Beschriftung im Namen/Titel/ o.a.

2.5.4a Alternativen für Bewegungsaktivierung: nicht anwendbar

3.1.1a Hauptsprache angegeben:erfüllt

Es wird je nachdem welche Sprache ausgewählt wird diese als Hauptsprache ausgegeben.

3.1.2a Anderssprachige Wörter und Abschnitte ausgezeichnet: nicht erfüllt

Die Auszeichnung von andersprachigen Wörtern im Inhalt der redaktionellen Seiten und in den Metadaten wird in einem anderen Protokoll dokumentiert.

Folgende Sprachauszeichnungen fehlen noch:

  • "Browsen" in dem Headmenü.
  • In der Detailansicht wird die Sprache des Titel, des Abstracts nicht mit angegeben.
  • Die Sprache der Schlagwörter ist nicht erfassbar.

3.2.1a Keine unerwartete Kontextänderung bei Fokus: erfüllt

3.2.2a Keine unerwartete Kontextänderung bei Eingabe: erfüllt

3.2.3a Konsistente Navigation: erfüllt

3.2.4a Konsistente Bezeichnung: erfüllt

3.3.1a Fehlererkennung: nicht erfüllt

Angaben in Formularen werden vor dem Abschicken nicht automatisch überprüft, sondern serverseitig validiert.

3.3.2a Beschriftungen von Formularelementen vorhanden: erfüllt

Die Formularelemente sind alle ordnungsgemäß beschriftet.

4.1.1a Korrekte Syntax: efüllt

Die Webseite ist valide.

4.1.2a Name, Rolle, Wert verfügbar

Folgende Formularelemente sind keine Standartelemente und werden nicht WAI-ARIA Attribute gekennzeichnet.

  • Die Datumseingabe in den Autorenformularen
In den Inhaltsseiten werden die mailto Links durch Javascript erzeugt. Dies ist eine Sicherheitsmaßnahme um Spamern das automatische Harvesten der Mailadressen zu erschweren. Für Menschen ist auch ohne Javascript ersichtlich, dass es sich um eine Mailadresse handelt.

4.1.3a Statusmeldungen programmatisch verfügbar

Es erfolgt weder visuell noch im Screenreader ein Hinweis das, das ein Dokument auf die Merkliste gesetzt wurde. Die entsprechende "Role" wird im Rahmen eines Updates ergänzt.