Das Prüfverfahren zur BITV


Sie sind hier: BITV-Test > Prüfergebnisse für Webauftritte (Alle Tests) > Dortmund Airport


Blättern:

Dortmund Airport

Prüfung

Anmerkungen zum Prüfgegenstand

Von der Prüfung ausgeschlossen sind die Seiten des Flugbuchungs-Prozesses (Prozess, der sich an die Flugsuche (S. 2 im Test) anschließt) sowie der Prozess "Parkplatz buchen" (https://www.dortmund-airport.de/parkplatz-buchen).

Ergebnis

Punkte: 92,5 von 100 (gut zugänglich)

Prüfberichte

Prüfbericht vom 04.10.2016, 17:26 (PDF)

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Saisonflugplan)

Seite 3 (Inhalt)

Bewertung und Anmerkungen zu einzelnen Erfolgskriterien

Teilweise erfüllt sind 3 von 50 Prüfschritten:

  • Prüfschritt 1.4.3a - Kontraste von Texten ausreichend

    • Farbkombination grün (7DB41E)/weiß (verschiedenste Textarten, Schaltflächen, ausgewählte Menüoptionen etc.) IST 2,49:1 SOLL je nach eingesetzter Schriftgröße 4,5:1 (3:1 für große Schrift).
    • Farbkombination grau (969696)/weiß (Footer-Menü, Teaser Flyoutmenü, Kopfzeilen der - S. 1 und 2: graue Buttons (z.B. S. 1 "Donnerstag 15.9.2016" oder "Ankunft") IST 2,33:1 SOLL 4,5:1.
    • Textvorbelegung Suche-Formular IST 2,31:1 SOLL 4,5:1.
    • Fehlermeldungen (Formulare), rot/weiß IST 3,05:1 SOLL 4,5:1
    Seite 1: teilweise erfüllt
    • Grenzwertig: Text unter "Faszinantion Flughafen": weiß/grafischer Hintergrund.
    • "Anulliert" (rot/weiß) IST 3,85:1 SOLL 4,5:1.
    Seite 3: teilweise erfüllt
    • Betrifft hier auch die Textvorbelegung der Formularfelder "Parkplatz buchen"
    • Verfügbare Parkplätze, Zahl grün/grau IST 2,23:1 SOLL 4,5:1.
    Seite 2: teilweise erfüllt

    Punktabzug: 1 Punkt

  • Prüfschritt 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar

    Das Seitenlogo im Kopfbereich (Dortmund Airport) ist als CSS-Hintergrundgrafik eingebunden und somit bei benutzerdefinierten Farbeinstellungen nicht mehr sichtbar. Einige, eher unwesentliche Icons (Social-Media), haben einen transparenten Hintergrund und sind evtl. schlecht erkennbar.

    Datepicker (Flug-Formular): Die Blätterschalftlächen sind nicht mehr erkennbar (es verbleiben schwarze Kästchen).

    Layout für mobile Ansicht:
    Hamburger-Menü nicht mehr sichtbar (bzw. Schließen-Symbol bei ausgeklapptem Menü).

    Seite 1: teilweise erfüllt

    Ebenfalls nicht mehr sichtbar: Blätterschaltflächen Slider ("<", ">").

    Flugsuche-Formular: Bei benutzerdefinieren Farben ist nicht mehr erkennbar, welche Schaltfläche aktuell ausgewählt ist: "von Dortmund"/"nach Dortmund" bzw. "Abflug/Ankunft"-Tabelle: Datum-Schaltfläche "Dienstag..."/"Mittwoch..." "Abflug", "Ankunft".

    "An-/Abflug"-Übersicht: Spalte "Erwartet": Symbol für "Gestartet" ist nicht mehr zu sehen, allerdings ist diese Information auch Über das Info-Icon als Text einblendbar.

    Seite 2: teilweise erfüllt

    Die ausgewählte Menüoptionen "Passagiere und Besucher" sowie "Flüge und Airlines" sind nicht mehr deutlich.

    Die ausgewählte Option ("von Dortmund"/"nach Dortmund" sowie "Hin- und Rückflug"/"einfacher Flug") ist nicht mehr deutlich.

    Seite 3: teilweise erfüllt

    Die ausgewählte Menüoptionen "Anreisen und Parken" sowie "Parken am Flughafen Dortmund" sind nicht mehr deutlich.

    Punktabzug: 1 Punkt

  • Prüfschritt 3.1.2b - Anderssprachige Wörter ausgezeichnet

    Anderssprachige Wörter sind teilweise nicht mit dem HTML lang-Attribut ausgezeichnet.

    Seite 1, 2, 3: teilweise erfüllt

    Punktabzug: 0,5 Punkte

Eher erfüllt sind 9 von 50 Prüfschritten:

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

    Seite 3: eher erfüllt

    h6 wird für für Akkordeon-Header eingesetzt. Sollte jedoch in diesem Fall für die Bereichsüberschrften reserviert sein. Hier sollten die Akkordeon-Überschriften entsprechend der inhaltlichen Struktur ausgezeichnet werden.

    Seite 1, 2: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.4.3b - Kontraste von Grafiken ausreichend

    Siehe 1.4.3a. Betrifft hier die Kombonation Hellgrün/Weiß für verschiedene Buttons und Schriftgrafiken.

    Seite 1, 2, 3: eher erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.4a - Schriftgröße variabel

    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.

    Geprüft wurde bei einer Fenstergröße 1280x 1024px.

    • alle Seiten, seitliche Servicenavigation: FF: Nur die ersten drei Icons sind zu sehen ("Kontakt" ist nicht mehr verfügbar). FF + IE: Die eingeblendeten Fenster ("Newsletter abonnieren" etc.) werden unten abgeschnitten.
    Seite 1: teilweise erfüllt
    • FF + IE: Die Navigation überdeckt den größten Teil des Sliders.
    Seite 2: erfüllt

    Siehe allg. Anmerkung (und siehe Prüfschritt "Zoom auf 200%": erfüllt)

    • FF: Überlagerungen bzgl. der Tabelle: Datum/Uhrzeit sowie Spaltenüberschrift Fluginfo/Info.
    Seite 3: erfüllt

    Siehe allg. Anmerkung (und siehe Prüfschritt "Zoom auf 200%": erfüllt).

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.4b - Bei Zoom auf 200% benutzbar

    Geprüft wurde bei einer Fenstergröße 1280x 1024px.

    Seite 1: teilweise erfüllt
    • IE, An-/Abflugtabelle: Überlagerungen bzgl. des Icons "Weitere Informationen anzeigen", jedoch in der Ansicht "komplette Liste anzeigen" ohne Probleme.
    Seite 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.5a - Verzicht auf Schriftgrafiken

    Betrifft die Banner im Slider. Zumindest die Dortmund-Airport-Texte sollten nicht als Schriftgrafiken angeboten werden.

    Seite 3: eher erfüllt

    Betrifft Banner "Günstig Parken am Dortmund Airport" in der rechten Spalte.

    Seite 1: teilweise erfüllt

    Siehe allg. Anmerkung

    Seite 2: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.1.1a - Ohne Maus nutzbar

    S. 1 und 2: Die Schaltlfächen "Von Dortmund"/"nach Dortmund", "Dienstag..."/"Mittwoch", "Ankunt"/"Ablug" bzw. "Hin- und Rückflug"/"einfacher Flug" erscheinen visuell als Button. Die Umsetzung via Auswahlschalter (Radiobuttons) ist nur für Blinde gut nutzbar, sehende Tastaturnutzer können nicht wissen, dass sie mit den Pfeiltasten navigieren müssen und mit Leertasten auswählen (erwartetes Verhalten wäre Navigation mit der Tab-Taste).

    Datepicker: Der Datepicker ist mit der Tastatur bedienbar. Schaltet man jedoch einen Screenreader (FF/NVDA) dazu, kann man weder mit den Pfeiltasten im Grid der Tabelle navigieren und ein Datum auswählen, noch kann man die Schaltflächen (Monat blättern, Schließen-Schaltfläche) bedienen. Es ist alternativ jedoch möglich, direkt ein Datum einzugeben. (Dasselbe gilt für die Auswahl der Uhrzeit). Im IE mit Jaws kann man zwar die Monate blättern, aber auch kein Datum auswählen. Bzgl. Auswahl der Uhrzeit kann man zwar mit den Pfeiltasten navigieren und eine Uhrzeit auswählen, sie wird beim Navigieren mit den Pfeiltasten jedoch nicht ausgegeben.

    Seite 1, 2, 3: eher erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.4.7a - Aktuelle Position des Fokus deutlich

    • Die Fokushervorhebung (Systemkranz) ist bzgl. der grünen Buttons insbesondere im IE sehr schlecht zu sehen.
    • Seitliche Navigation ("Newsletter", "Info-Material bestellen" etc.): Die Fokushervorhebung (Systemkranz) ist schwer zu erkennen.
    Seite 1: eher erfüllt
    • Betrifft die Pause-Schaltfläche für das Teaser-Karussell.
    • Flughafen-News": Die Fokushervorhebung der einzelnen Teaser sollte deutlicher sein, der grüne Systemkranz kontrastiert zu schwach
    Seite 2: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 3: eher erfüllt

    Siehe allg. Anmerkung.

    Punktabzug: 0,25 Punkte

  • Prüfschritt 3.3.2a - Formularfelder richtig beschriftet

    Seite 2: eher erfüllt

    Die Suchergebnisse sind erscheinen visuell als Tabelle, sind technisch als Liste umgesetzt. Am Ende jedes Listeneintrags befindet sich ein Auswahlschalter (Radiobutton). Die Handhabbarkeit dieser Umsetzung hängt wahrscheinlich von der Erfahrung des jeweiligen Screenreadernutzers ab. Wenn der Nutzer eine vorgenommene Auswahl korrigieren möchte, so muss er mit den Pfeiltasten durch die Auswahlschalter, die sich am Ende eines Eintrages befinden, navigieren. Als label dient nur das title-Attribut. Die dazugehörigen Informationen stehen jedoch vor der Auswahlschaltfläche im Listeneintrag.

    Der title="Diesen Flug buchen" scheint irreführend - erstmal wird nur eine Auswahl getroffen, für die eine Preisabfrage gemacht werden kann. Die Buchung geschieht viel später.

    Seite 1, 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 4.1.1a - Valides HTML

    Seite 1: nicht erfüllt
    Seite 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

Erfüllt sind 25 von 50 Prüfschritten:

Nicht anwendbar sind 13 von 50 Prüfschritten:

Blättern: