Punkte: 95,75 von 100 (sehr gut zugänglich)
Die Vorschaubilder des Karussells benötigen einen Alternativtext, da sie Schaltflächen sind.
Hinweis: Die Avatar-Bilder im Twitter-Stream haben leere Alternativtexte, obwohl sie verlinkt sind. Die Links führen aber immer zu der Twitter-Seite von Pfizer.de, zu der auch in den jeweils nachfolgenden Texten verlinkt wird. Es geht also keine Funktionalität verloren.
Punktabzug: 0,75 Punkte
Der Teil des Inhaltsbereichs mit dem Video benötigt ebenso eine Auszeichnung mit h2
wie die anderen Teile des Inhaltsbereichs wie z.B. die Bildergalerie. Im jetzigen Zustand ist das Video logisch der h6
der Breadcrumb-Navigation zugeordnet.
Die h2
-Überschrift "Produktliste" befindet sich auf derselben Hierarchieebene wie die logisch untergeordneten h2
-Überschriften der Produktlisten der einzelnen Alphabet-Abschnitte.
Hinweis: Im iframe
des Twitter-Streams beginnt die Überschriftenstruktur wieder mit h1
. Innerhalb eines iframe
ist dies jedoch unkritisch.
Punktabzug: 0,75 Punkte
Die durch die Bedienelemente des Bilderkarussells eingefügten Inhalte (Fotos, Texte) werden weder nach dem entsprechenden Bedienelement eingefügt noch wird der Fokus automatisch dorthin gesetzt.
Der Tastaturfokus wird zwar ohne die Nutzung eines Screenreaders zu den eingefügten Inhalten versetzt, nicht jedoch mithilfe eines Screenreaders (NVDA2016.1, JAWS16). Auch der Cursor bei Tastaturnavigation/Caret Browsing (Aktivierung durch F7) wird nicht versetzt.
Punktabzug: 0,75 Punkte
Bei Bedienelementen, die grafisch auf den Fokuserhalt reagieren, muss der jeweils schlechtere Kontrastwert mindestens 3,0:1 und der bessere mindestens 4,5:1 sein.
Es wird ein Style-Switcher für bessere Kontrastwerte angeboten. Das Bedienelement selbst erfüllt aber nicht die Kontrastanforderungen (mit und ohne Fokus): IST 3,45:1.
Einblendung mit dem Cookie-Hinweis am unteren Bildschirmrand: IST 3,05:1, SOLL 4,5:1
Die Elemente der Hauptnavigation und der Navigation im Fußbereich der Seite (weiß auf blau bzw. blau auf weiß und rot auf weiß) haben einen zu geringen Kontrast IST: 3,5:1 bzw. 3,1:1.
FF46: Der Kontrast der Suchfeldvorbelegung ist zu gering IST: 3,5:1, SOLL: 4,5:1.
siehe allgemeine Anmerkungen
Link "@pfizer_de" im Twitter-Stream mit Fokus: IST 2,69:1
Link "@pfizer_de" im Twitter-Stream ohne Fokus: IST 3,27:1
Links im Twitter-Stream mit Fokus: IST 2,52:1
Links im Twitter-Stream ohne Fokus: IST 3,45:1
Besuchte Links im Twitter-Stream ohne Fokus: IST 2,94:1
Besuchte Links im Twitter-Stream mit Fokus: IST 2,75:1
Überschriften und Links (blau auf weiß/grau und weiß auf rot) haben einen zu geringen Kontrast IST: 3,5:1 bzw. 3,1:1 SOLL: 4,5:1
siehe allgemeine Anmerkungen
Links (blau auf weiß) haben einen zu geringen Kontrast IST: 3,45:1 SOLL: 4,5:1.
siehe allgemeine Anmerkungen
Seiten-Navigation (weiß auf rot/ rot auf weiß/ blau auf weiß) und Register (weiß auf blau/ weiß auf rot) haben einen zu geringen Kontrast IST 3,45:1 bzw. 3,1:1.
siehe allgemeine Anmerkungen
Seiten-Navigation (weiß auf rot/ rot auf weiß/ blau auf weiß), Links (blau auf weiß) haben einen zu geringen Kontrast IST 3,45:1 bzw. 3,1:1.
siehe allgemeine Anmerkungen
Roter Text fehlerhaft ausgefüllter Felder: IST 3,73:1, SOLL 4,5:1
Roter Text einer Listbox mit nicht gewähltem Pflicht-Eintrag: IST 3,84:1, SOLL 4,5:1
Link "Datenschutz bei Pfizer" (blau auf weiß) und die Fehlermeldungen (blau auf rosa) haben einen zu geringen Kontrast IST 3,45:1 bzw. 3,2:1, SOLL: 4,5:1.
FF46: Fehlerhervorhebung der Textfeldvorbelegung "Produkt- und Wirkstoffname" hat nur einen Kontrast von 2,6:1, SOLL 4,5:1.
Punktabzug: 0,5 Punkte
Bei Bedienelementen, die grafisch auf den Fokuserhalt reagieren, muss der jeweils schlechtere Kontrastwert mindestens 3,0:1 und der bessere mindestens 4,5:1 sein.
Es wird ein Style-Switcher für bessere Kontrastwerte angeboten, die die Anforderungen fast immer erfüllen. Das Bedienelement selbst erfüllt aber nicht die Kontrastanforderungen (mit und ohne Fokus): IST 3,45:1.
In der responsiven Ansicht sind die Kontrastwerte des Hamburger Menüs und der Suchen-Schaltfläche (weiß auf Blau) zu gering: IST 3,4:1.
siehe allgemeine Anmerkungen
siehe allgemeine Anmerkungen
Play-Button des Videos ohne Fokus IST: 3,45:1
Play-Button des Videos mit Fokus IST: 3,1:1
siehe allgemeine Anmerkungen
siehe allgemeine Anmerkungen
siehe allgemeine Anmerkungen
Punktabzug: 0,5 Punkte
Der Tastaturfokus muss mindestens so deutlich wie der Mausfokus sein.
Hinweis:
Der höhere Kontrastmodus ändert auch den Kontrast des Tastaturfokus vieler Elemente.
IE11+FF46: Die Elemente des Karussells haben keinen sichtbaren Tastaturfokus. Das fokussierte Element wird jedoch immer als eines von 3 Elementen in den Viewport gescrollt.
Punktabzug: 0,25 Punkte
Wenn der Firmenname "Pfizer" englisch ausgesprochen wird, muss er als englischsprachig ausgezeichnet werden.
Fremdsprachige Begriffe, die keinen Eingang in den allgemeinen Sprachgebrauch gefunden haben, wie z.B. die Berufsbezeichnung "Finance Lead", müssen in ihrer jeweiligen Sprache ausgezeichnet werden.
s. Seite 1
Punktabzug: 0,25 Punkte
Sind mehrere Felder fehlerhaft ausgefüllt, wird die Fehlermeldung eines korrigierten Feldes nach dem Abschicken weiterhin angezeigt, solange noch ein anderes Feld fehlerhaft ausgefüllt ist.
Die Verlinkung der Fehlermeldung zu den jeweiligen Feldern funktioniert nur teilweise.
Punktabzug: 0,5 Punkte
Hinweis: Viele der Bilder sind duch Platzhalter ersetzt, aber sie haben alle einen Alternativtext.
Hinweis: Es ist kein Fokus in der Registernavigation der Produktliste sichtbar. Das ausgewählte Register wird aber durch die folgende Überschrift deutlich.
Hinweis: Das Foto der interviewten Mitarbeiterin ist nicht mehr sichtbar.
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 entwicklungsbegleitenden 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.
IE11: Nur die Menütexte im Fußbereich werden vergrößert.
FF46: Die Texte werden vergrößert aber häufig ageschnitten und teilweise überlagern sie sich.
IE11: Nur die Menütexte im Fußbereich werden vergrößert.
FF46: Die Texte werden vergrößert. Im Karussell wird ein Element abgeschnitten.
IE11: Nur die Menütexte im Fußbereich werden vergrößert.
FF46: Das Logo überlagert den ersten Eintrag im Hauptmenü.
s. Seite 3
IE11: Die Menütexte im Fußbereich sowie die Formularfelder und Feldbeschriftungen werden vergrößert.
FF46: ok.
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 entwicklungsbegleitenden 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.
Hinweis: Um die Seiten bei einer Vergrößerung auf 200% sinnvoll nutzen zu können, muss die Einblendung mit dem Cookie-Hinweis geschlossen werden.
Hinweis: Bei einer Auflösung von 1024x768 werden die Texte in der Kopfbanner-Slideshow teilweise minimal abgeschnitten. Bei einer Auflösung von 1280x1024 tritt der Fehler nicht auf.
Mobile Ansicht:
Hinweis IE11+FF46: Die Einträge des "Geschichten"-Karussells werden beim Durchtabben nicht vollständig dargestellt. Die Inhalte stehen aber auf den verlinkten Seiten noch einmal ausführlicher zur Verfügung.
Eine Seite kann mit Sprunglinks, Überschriften oder Document landmarks strukturiert werden.
Seitenbereiche sind vollständig mittels Sprunglinks und auch teilweise mit nativen Elementen (nav, main) bzw ARIA-Rollen (role=search) strukturiert.
Die Strukturierung mittels Überschriften ist nicht korrekt (siehe Anmerkungen zu den einzelnen Seiten).
Siehe allgemeine Anmerkungen
Siehe allgemeine Anmerkungen
Hinweis: Die h6
-Überschrift "Fußbereich" sollte als h5
formatiert werden.
Siehe allgemeine Anmerkungen
Die h2
-Überschrift "Hauptinhalt" passt logisch nicht in die Überschriftenstruktur und ist nicht konsistent zu der Struktur der anderen Seiten. Die h5
-Überschrift "Seitenleiste" passt nicht zur Strukturierung mit der h5
-Überschrift "Inhaltsbereich".
Siehe allgemeine Anmerkungen
Die h5
-Überschrift "Seitenleiste" passt nicht zur Strukturierung mit der h5
-Überschrift "Inhaltsbereich".
Siehe allgemeine Anmerkungen
s. Seite 4
Hinweis: Der variable, die Seite qualifizierende Teil ist zu lang. Der variable Teil soll die Seite innerhalb des Auftritts eindeutig qualifizieren und nicht den kompletten Navigationspfad abbilden.
s. Seite 3
IE11+FF46 Hinweis: Die Tabulatorreihenfolge im Kopfbereich entspricht nicht der optischen Anordnung, ist aber nachvollziehbar und führt den Nutzer zuerst zu den wichtigsten Bedienelementen.
Hinweis: Die Links "Ihre Geschichte", "Seine Geschichte" werden durch den vorangehenden Text eindeutig qualifiziert.
Hinweis: Auf Seite 2 sind die Breadcrumb-Navigation und die Social Media-Links nach der Hauptüberschrift h1
und gehören damit zum Inhaltsbereich. Auf den anderen Seiten liegen sie vor der Hauptüberschrift und damit außerhalb des Inhaltsbereichs.
Hinweis: Etwaige Audiodateien oder stumme Videos im Twitter-Stream können aufgrund der wechselnden Inhalte nicht geprüft werden.
Es ist eine Transkription des Videos vorhanden. Die ausschließlich visuell vermittelten Inhalte sind nicht für das Verständnis des Videos wichtig.