Das Prüfverfahren zur BITV



Blättern:

CORE4

Prüfung

Ergebnis

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

Prüfberichte

Prüfbericht vom 23.06.2014, 17:53 (PDF)

Geprüfte Seiten

Seite 1 (Startseite)

  • Titel: CORE4 - Werbeagentur aus Hannover
  • URL: http://core4.de
  • Punkte: 94,5

Seite 2 (Kompetenzen)

Seite 3 (Kunden)

Bewertung und Anmerkungen zu einzelnen Erfolgskriterien

Nicht erfüllt ist 1 von 50 Prüfschritten:

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

    Die englischsprachigen Begriffe sollten mit dem lang-Attribut ausgezeichnet werden (z.B. "Live-Streaming", "Responsive Design", "Tracking", "E-Commerce", "Mobile First", "Adaptive Design" etc.)

    Seite 1, 2, 3: nicht erfüllt

    Punktabzug: 1 Punkt

Teilweise erfüllt ist 1 von 50 Prüfschritten:

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

    Mit den hier getesteten Einstellungen (Zoom 200%, Bildschirmauflösung 1280 Px Breite - für Menschen mit Sehbehinderung eine gängige Kombination) wird das Layout für mobile Geräte aktiv. Das wäre kein Problem, allerdings lässt sich die Schaltfläche für die Hauptnavigation weder mit der Maus noch mit der Tastatur bedienen.

    Seite 1, 2, 3: teilweise erfüllt

    Punktabzug: 1 Punkt

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

  • Prüfschritt 1.1.1a - Alternativtexte für Bedienelemente

    Seite 2: eher erfüllt

    Tab-Panel Beratung/Kreation/Technik/Content: Hier gibt es starke Redundanzen: z.B. "Beratung" wird zweimal über einen alt-Text vorgelesen, die beiden Grafiken (grau/farbig) haben zudem jeweils einen title "Beratung" und dann gibt es noch die Überschrift "Beratung. Da Bilder und Überschrift in einem Link eingebunden sind, wäre es sinnvoll, das alt-Attribut leer zu lassen (der Screenreader überspringt dann die Grafik) und kein title-Attribut für die Grafiken a-Element zu vergeben.

    Seite 1, 3: erfüllt

    Punktabzug: 0,75 Punkte

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

    Nicht als Überschrift ausgezeichnet:
    "Adressen", "Kontakt".

    Seite 1: eher erfüllt

    hier zusätzlich:
    "Freie Stellen bei CORE4"

    Seite 2, 3: eher erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.3.1b - HTML-Strukturelemente für Listen

    Die Navigation am Seitenende ist nicht als HTML-Liste ausgezeichnet.

    Seite 1: eher erfüllt

    Ebenfalls nicht als HTML-Liste ausgezeichnet: Aufzählung "Freie Stellen bei CORE4"

    Seite 2: eher erfüllt

    Hier Aufzählung unter "Das könnte Sie ebenfalls interessieren": nicht ausgezeichnet.

    Tab-Panel (Beratung/Kreation/Technik/Content), die Links sollten als Liste ausgezeichnet werden.

    Seite 3: eher erfüllt

    Betrifft die Aufzählung "Ihr Mehrwert"

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.3.1d - Inhalte gegliedert

    Die einzelnen grünen weiterführenden Links unter den Textblöcken (z.B "Lernen Sie uns kennen") sollten mit dem p-Elemente gegliedert werden.

    Seite 1, 2, 3: eher erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar

    Die aktuelle Position im Hauptmenü wird nur über eine veränderte Farbe deutlich. Diese sollte jedoch zusätzlich durch andere Mittel hervorgehoben werden (sinnvoll für Nutzer, die Farben nicht unterscheiden können).

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

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.3b - Kontraste von Grafiken ausreichend

    Seite 1: eher erfüllt

    Slideshow "Projekte": Pfeil-Icons zum Blättern und Positionsanzeige 7F870C auf F7F7F7, IST: 3,65:1, SOLL: 4,5:1

    Seite 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

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

    Im Zusammenhang mit benutzerdefinierten Farbeinstellungen (z.B. Anpassung der Hintergrundfarbe) können zwei Probleme entstehen: 1. CSS-Hintergrundgrafiken sind nicht mehr sichtbar. Aus diesem Grund sollten nur reine Schmuckgrafiken auf diesem Weg eingebunden werden. 2. Grafiken mit transparenten Hintergrund sind abhängig von der gewählten Hintergrundfarbe evtl. schlecht erkennbar (schwarzer Text auf schwarzem Hintergrund).

    Das betrifft hier auf allen Seiten:
    Logo "Core4" (im Seitenkopf)

    Seite 1: eher erfüllt

    Hier zusätzlich:
    Slideshow "Projekte": Pfeil-Icons zum Blättern und Positionsanzeige (CSS-Hintergrundgrafiken)
    Firmenlogos (Kunden und Projekte - Grafiken mit transparenten Hintergrund)
    Icons unter "Kompetenzen"

    Seite 2: eher erfüllt

    Hier zusätzlich:
    Icons unter "Kompetenzen"

    Seite 3: eher erfüllt

    Siehe allgemeine Anmerkung

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.1.1a - Ohne Maus nutzbar

    Seite 1: eher erfüllt


    Die Slideshow (Carousel) auf der Startseite funktioniert auch ohne Mausnutzung. Allerdings werden die Nutzer nicht ausreichend über die Steuerung informiert. Der Hinweis auf die Pfeiltasten steckt in einem title-Attribut, dass für Tastaturnutzer unzugänglich ist und auch im Screenreader nicht ausgegeben wird (Getestet mit den Jaws 15 und der aktuellen NVDA-Version). Speziell für Screenreader-Nutzer kommt noch erschwerend hinzu, dass die Struktur und Präsentation der Inhalte nicht vermittelt wird. Hier wären ergänzende ARIA-Auszeichnungen notwendig. Siehe z.B.: http://hanshillen.github.io/jqtest/#goto_carousel

    Seite 2, 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.4.2a - Sinnvolle Dokumenttitel

    Seite 2: eher erfüllt

    Siehe unten

    Seite 3: eher erfüllt

    Das Kleiner-als-Zeichen (<) im Dokumenttitel wird bei Nutzung einer Sprachausgabe als "Kleiner als" ausgegeben. Damit macht der Titel wenig Sinn. ("Bastei Lübbe kleiner als Kunden kleiner als CORE4..."). Aus diesem Grund sollten diese Zeichen nicht als Gestaltungselement verwendet werden.

    Seite 1: erfüllt

    Punktabzug: 0,5 Punkte

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

    Die Fokushervorhebung ist bei Textlinks relativ undeutlich (nur Wechsel der Schriftfarbe von Dunkelgrün auf Schwarz).

    Seite 2: eher erfüllt

    Tab-Panel: Die Fokushervorhebung sollte bei Tastaturnutzung mindestens so gut sein wie bei Mausnutzung. Deshalb sollte beim Tab-Panel (Beratung/Kreation/Technik/Content) nicht nur ein Farbwechsel bzgl. der Schrift sondern auch bzgl. der Icons stattfinden.

    Seite 1, 3: erfüllt

    Punktabzug: 0,25 Punkte

Erfüllt sind 21 von 50 Prüfschritten:

Nicht anwendbar sind 17 von 50 Prüfschritten:

Blättern: