Für den Transaktionsteil (Online-Banking) der Internet-Filiale der Sparkassen wurde eine Sparkasse (die Sparkasse Meissen) stellvertretend mit der Demo-Anwendung getestet.
Punkte: 91,25 von 100 (gut zugänglich)
Punktabzug: 1,5 Punkte
Der Dokumenttitel beschreibt jew. nur Inhalt/Funktion der Seite (z.B.: "Finanzstatus", "Überweisung"). Neben dieser Beschreibung sollte der Dokumenttitel noch einen allgemeinen Teil enthalten. Z.B. den Namen des Angebots ("Finanzstatus - Sparkasse XY").
Punktabzug: 1 Punkt
Home-Button in der horizontalen Navigation: Unzutreffende Textalternative ("Logo der Sparkasse ..."). Korrekt wäre hier ein Text, der das Linkziel (Startseite) beschreibt.
In der Tabelle "Finanzstatus" fehlt eine Textalternative für den Schalter zum Ein- und Ausklappen der Konto-Gruppen.
Punktabzug: 0,75 Punkte
Für alle Seiten erfüllt: Tabelle mit IBAN und BIC im Kontaktbereich.
Finanzstatus: Die Darstellung verschiedener Kontoinhaber (hier M.Mustermann und T.Test) innerhalb einer Tabelle ist bei Nutzung im Screenreader nur schwer überschaubar. Hier wären separate Tabellen sinnvoll.
Die Überschriftenzelle (#th#) der Tabellenspalte mit den Funktions-Buttons ist leer.
Tabelle Marktüberblick: Überschriftenzellen nicht ausgezeichnet.
Umsätze: Aus optischen Gründen macht es wohl Sinn die oberste und unterste Tabellenreihe ("Kontostand am TT.MM.JJJJ") innerhalb der Tabelle mit den Umsätzen zu positionieren. Für die Nutzung im Screenreader ist das weniger gut. Es ist relativ schwierig den Aufbau so einer "kombinierten" Tabelle nachzuvollziehen. Zudem kann es Probleme bei der Zuordnung der Tabellenzellen geben. Die th
"Verwendungszweck" steht bei dem Aufbau der Tabelle auch für die Zelle "Kontostand am ..."
Die Überschriftenzelle (#th#) der Tabellenspalte mit den Funktions-Buttons ist leer.
Punktabzug: 0,75 Punkte
Siehe hier und für Seite 3 die Anmerkung bei 1.3.1e.
Punktabzug: 0,75 Punkte
Allgemein zu f00
(Sparkassen-Rot)
Der Helligkeitskontrast des Rottons f00
liegt in Kombination mit Weiß bei 4,0:1.
Das Kontrastverhältnis (contrast ratio) zwischen Vorder- und Hintergrundfarbe muss für Texte unter 18 Punkt (beziehungsweise für fette Texte unter 14 Punkt) bei mindestens 4,5:1 liegen.
Betrifft hier "Sicherheitshinweise" (nicht fett) mit einer Schriftgröße von 14 Punkten.
Betrifft hier "Sicherheitshinweise", "Offenen Transaktionen", die negativen Beträge der Tabelle "Finanzstatus" und "Siehe Hilfe", alle mit einer Schriftgröße von 14 Punkten.
Betrifft hier die negativen Beträge in der Tabelle mit einer Schriftgröße von 14 Punkten.
Betrifft hier die negativen Beträge in der Tabelle und die Fehlermeldungen bei den nicht korrekt ausgefüllten Eingabefeldern.
Bei dem Platzhaltertext "TT.MM.JJJJ" in Mozilla Firefox wird der Text in Mozilla Firefox automatisch gedimmt und hat ein Kontrastverhältnis (#ADADB8# auf weiß) von 2,22:1.
(#Fix: ::-moz-placeholder {opacity: 1;}#)
Betrifft hier die negativen Beträge in der Tabelle mit einer Schriftgröße von 14 Punkten.
Punktabzug: 0,5 Punkte
Ansicht "Hilfe" (Lightbox-Ansicht): Kann über die Tastatur nicht geschlossen werden. Siehe dazu auch 2.4.3a - "Schlüssige Reihenfolge bei der Tastaturbedienung"
Umsätze, Menü Export: Das Menü zur Auswahl des Dateiformats wird nicht eingeblendet. Die Links erhalten aber den Fokus.
Punktabzug: 0,75 Punkte
Ansicht "Hilfe" (Lightbox-Ansicht): Die Schließen-Schaltfläche bekommt bei Tastatursteuerung scheinbar nicht den Fokus. Dieser wandert in der Lightbox-Ansicht durch den ausgegrauten Seitenhintergrund (auch ESC funktioniert nicht).
Punktabzug: 0,5 Punkte
Der Inhalt des title
-Attributs für den Börsenchart unter der Tabelle "Marktüberblick" lautet immer "Börsenchart", egal ob der Chart für den Dax, den TecDax oder den Dow angezeigt wird.
Punktabzug: 0,25 Punkte
Keine Hervorhebung bei den folgenden Elementen: Hauptnavigation: "Home" und Button "Finanzstatus", Kontaktbereich: Alle drei Buttons zum Ein- und Ausklappen des Bereichs.
In den mobilen Layouts ist die Fokushervorhebung beim Icon zum Ausklappen der Hauptnavigation nicht erkennbar.
Punktabzug: 0,25 Punkte
Fehlermeldungen werden direkt an den jew. Eingabeelementen positioniert und farblich hervorgehoben. Bei der Nutzung im Screenreader ist das nicht gut überschaubar. Sinnvoll wäre hier eine (zusätzliche) Auflistung der Probleme vor dem Formular.
Punktabzug: 0,5 Punkte
Alle Seiten: Hinweis und Erklärungstexte (z.B.: "* Pflichtfeld") sollten vor dem Formular positioniert werden.
Feld: "Zeitraum - bis" keine Beschriftung vorhanden.
Überweisung, Feld "Begünstigter": Im label
-Element fehlt das for
-Attribut.
Eingabefeld für TAN: Kein label
vorhanden.
Punktabzug: 0,75 Punkte
Umsätze, Menü Export: Der Link zur Auswahl des Dateiformats (Pulldown-Menü) ist ein span
-Element ohne semantische Informationen.
Siehe dazu auch: 2.1.1a "Ohne Maus nutzbar"
Punktabzug: 0,5 Punkte
Im IE ist keine reine Schriftvergrößerung möglich. Mit Firefox kommt es zu Überlagerungen von Inhalten und Seitenelementen.
Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b:
Im Zuge der Angleichung an die WCAG 2.0 werden die beiden im BITV-Test z.Zt. noch getrennt vorhandenen Schriftvergrößerungs Prüfschritte zukünftig zusammen genommen bewertet werden. Diese Entscheidung ist noch nicht verbindlich im BITV-Test Prüfverbund gefallen, ist aber im Ergebnis sehr wahrscheinlich, weswegen dieser Ansatz bereits in diesem Test verfolgt wird.
Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion 1.4.4 ausreicht, zählt im BITV-Test in Zukunft für beide Prüfschritte 1.4.4a und 1.4.4b die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete Prüfschritt wird unabhängig von dem schlechteren Prüfergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt.
Am Desktop wird bei 200% Zoom (Bildschirmauflösung 1280 px) das Layout für mobile Geräte aktiv. Hier gibt es keine Darstellungsprobleme.
(Andere Probleme in dieser Ansicht werden bei den jew. Prüfschritten bewertet)
Auszeichnung mit ARIA-Landmarks ist vollständig.
Es werden keine anderssprachigen Wörter verwendet.