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

Datum der Prüfung: 22.9.2020

Gegenstand der Prüfung

Die geprüften Seiten sind:

  • Design der Webseite
  • Menüs
  • Detailansicht der Dokumente
  • Suchergebnisseite
  • Merkliste
  • Browsing-Seiten und Personensuche
  • Eingabemasken für die Suche

Protokoll

1.1.1a - Alternativtexte für Bedienelemente:

Die Alternativtexte fehlen bei:

  • der Einschlitzsuche
  • mehreren Eingabefeldern der komplexe Suche
  • Paginierungsbuttons in der Suchergebnisseite

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

  • Wie veröffentliche ich?
  • FAQ

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 CAPTCHAs genutzt.

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: erfüllt

Alle Überschriften haben ein entsprechendes h-Tag.

1.3.1b HTML-Strukturelemente für Listen: 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: erfüllt.

1.3.1e Datentabellen richtig aufgebaut: nicht anwendbar

Es werden keine Datentabellen verwendet.

1.3.1f Zuordnung von Tabellenzellen: nicht anwendbar

Es werden keine 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

In der komplexen Suche sind einige Formularelemente nicht beschriftet.

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

1.4.1a Ohne Farben nutzbar: erfüllt

1.4.2a Ton abschaltbar: nicht anwendbar

Das Abspielen von Audiodaten muss immer vom Nutzer initiiert werden.

1.4.3a Kontraste von Texten ausreichend: teilweise erfüllt

Nicht erfüllt:

  • Textteile in der Suchergebnisliste: aus (erschienen in), Erscheinungsort, auf die Merkliste
  • Klappbuttons und Anzahl der Dokumente beim Browsen nach Einrichtung, Dokumenttyp, Sachgruppe
  • Personensuche: Buchstabenbutton, "Suchen"-Button

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

Detailansicht: "auf die Merkliste" wird nicht ordentlich dargestellt.

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: erfüllt

1.4.12a Textabstände anpassbar: eher erfüllt

  • Schleswig-Holsteinische Bibliographie online im Header verschwindet teilweise
  • Detailansicht: auf die Merkliste

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 Titels.

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

Nach dem Breadcrumb springt der Fokus auf die Merkliste/Aktionen und nicht auf die Badges.

  • In der Suchergebnisseite ist der Button "Alle Treffer dieser Seite merken" nicht erreichbar
  • In der Suchergebnisseite bekommen die Faceten den Fokus vor den Suchergebnissen.
Der Feedbackbutton wird nach dem linken Menü angesprungen.

2.4.4a Aussagekräftige Linktexte: teilweise erfüllt

  • Link zum Auf- und Zuklappen des Abtracts
  • Sprachenlinks in den Tabs vom Abstract
  • 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 weitere Zugangsmöglichkeiten wie das Browsen nach Sachgruppen, Formschlüssel, Zeitschlüssel, Personen und Schlagwörtern.

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

Die redaktionellen Inhaltsseiten werden in einem gesonderten Protokoll geprüft.

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

Nicht erkennbarer Fokus:

  • Link auf die Startseite: Logo links oben.
  • Menu im Header
  • Zitierlink kopiere in der Detailansicht
  • Button zum Einklappen des linken Menüs

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 Testergebnisse 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 anderssprachigen Wörtern im Inhalt der redaktionellen Seiten und in den Metadaten wird in einem anderen Protokoll dokumentiert.

  • "Browsen" in dem Headmenü.
  • In der Detailansicht wird die Sprache des Titels, 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: eher erfüllt

Es gibt in der komplexen Suche Formularlemente, die nicht beschriftet sind.

4.1.1a Korrekte Syntax: nicht erfüllt

Die Webseite ist nicht 100% valide.

  • Fehlendes Namespaceattribute im html-Tag
  • Die Link-Tags im head sind nicht geschlossen.

4.1.2a Name, Rolle, Wert verfügbar

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, dass ein Dokument auf die Merkliste gesetzt wurde. Die entsprechende "Role" wird im Rahmen eines Updates ergänzt.