Zertifikatsbericht für REWE Jobplattform

Webseiten Betreiber: REWE International AG
Webseiten Domain: rewe-group.jobs
Zertifikat Status: Bronze
Zertifizierungsdatum: 09.07.2020

Allgemeiner Kommentar:

Die Website ist in den meisten Teilen WCAG 2.0 AA konform umgesetzt. Es gibt einige kleinere Mängel, welche die Benutzbarkeit aber nicht wesentlich einschränken. Man merkt, dass einiges zur Verbesserung der Barrierefreiheit umgesetzt wurde. Überschriften und Beschriftungen sind ein wichtiger Teil einer Website für die Navigation und Strukturierung. Vor allem in diesem Bereich könnte die Website noch verbessert werden. Für den aktuellen Stand der Umsetzung wird WACA Bronze empfohlen.
Der Facebook-Feed hat einige Mängel zu Barrierefreiheit. Solange alle relevanten Inhalte im Facebook-Feed auch außerhalb des Feeds der Website präsentiert werden, können wir den Facebook-Feed out-of-scope nehmen.
Alle whatchado-Videos wurden aus dem Scope genommen, da externen Inhalt.

Beim Zertifikat WACA sind ganz allgemein vom Audit ausgeschlossen folgende Inhalte bzw. Funktionen einer Website:
Websites mit nicht deutscher und/oder englischer Sprache
Apps für mobile Anwendungen
PDFs
EPUB
Flash
live übertragene zeitbasierte Medien
Inhalte, die nur für eine geschlossene Gruppe von Personen und nicht für die allgemeine Öffentlichkeit verfügbar sind (Extranets, Intranets)
externe Inhalte von Drittanbietern, die vom Betreiber der Website weder finanziert noch entwickelt wurden und somit auch nicht dessen Kontrolle unterliegen (wie z.B. Google Maps, Youtube, Facebook, andere Iframes und Widgets,...) wie folgt:
Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Überprüfung ausgenommen.
Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Überprüfung ausgenommen.
Drittanbieter Inhalte, die zusätzliche Informationen bereitstellen und für die BenutzerInnen essentiell sind, benötigen eine Alternative.
Wenn eine Website weitestgehend aus Drittanbieter Inhalten besteht, wird Zertifizierung abgelehnt und Auftrag nicht angenommen. Website ist nicht auditierbar.
Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben
Google Captcha (ReCaptcha V2): gültig nur für Silber und Bronze

REWE Jobs T1: Startseite

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

- Die Icons bei "Was wir bieten" verlinken auf die "Was wir bieten"-Seite. Die Alt-Texte der Icons sollten das Linkziel vermitteln, z.B. "Was wir bieten: Gute öffentliche Anbindung"
- Alt-Text bei Facebook Feed Items auf englisch und nicht beschreibend (out-of-scope)

Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Silber

Das Image-Video enthält keine Audiodeskription. Zum Großteil ist das Video auch rein mit den Untertiteln/der Audiospur verständlich. Gegen Ende des Videos wird eine Österreich-Karte mit allen Standorten gezeigt, diese Information gibt es allerdings nicht als Audio/Untertitel.
Empfehlung: Audio-Information und Betitelung über die Standorte in Österreich hinzufügen.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

- bei manchen Überschriften sind nur Teilbereiche als Überschrift gekennzeichnet, z.B. "Controller/in" statt "Wir suchen Controller/in"
- "Wer sich für den Handel interessiert, landet im Verkauf" ist als <h3> Überschrift unterhalb von <h2> Controller/in gekennzeichnet, obwohl dies inhaltlich nicht zusammengehört.
- Zitate sind nicht mit <blockquote> gekennzeichnet

Kriterium 1.4.1 - Benutzung von Farbe: Silber

Der Link zur Telefonnummer +432236600 wird visuell nicht als Link erkannt. Der Link hat die gleiche Farbe wie der umgebende Text und es gibt auch sonst kein visuelles Merkmal, dass es sich um einen Link handelt.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

- Beim Facebook Juicer Feed ist der Kontrast nicht ausreichend (out-of-scope)
- Der Transkript-Button verschiebt sich bei kleinen Auflösungen/bei Zoom über das Hintergrundbild, dadurch ist schwarzer Button auf dunklen Bildflächen fast nicht mehr erkennbar

Kriterium 1.4.5 - Bilder eines Textes: Silber

Bei den Grafiken zu "Hinter den Kulissen" ist in jeder Grafik Text geschrieben. Dieser Text sollte als HTML-Text realisiert werden.
Bei der Grafik "Lager und Transport" ist außerdem der alt-Text nicht richtig, hier steht "Logistik":
<img src="https://rewe-group.jobs/assets/Uploads/zentraleicons/Karussel-Hinter-den-Kulissen-0000-logistik.jpg" alt="Logistik">

Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

- Marginale Reihenfolgemängel: Video Transkript Button vor Videotitel.
- Die Rückseite der Vorurteile steht Screenreader-BenutzerInnen zur Verfügung, ohne dass Sie den Button wählen

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Die Linktexte könnten besser beschrieben werden, Beispiele "Wir suchen Controller/in" statt nur Controller, weiter/zurück bei den Slideshows

Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Bronze

- Facebook-Feed hat immer die gleiche Überschrift "Rewe Group Jobs AT" (out-of-scope)
- siehe 1.3.1

REWE Jobs T2: Anfahrtsplan

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

REWE Jobs T3: News

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

REWE Jobs T4: Newsdetail

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

REWE Jobs T5: FAQs

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

REWE Jobs T6: Jobs

Kriterium 1.3.1 - Info und Beziehungen: Bronze

- die Beschriftungen der Checkboxen und Radiobuttons werden doppelt vorgelesen, da das <div> sowie das <input> jeweils das gleiche aria-label-Attribut hat. Das <label>-Element, welches eigentlich für die Beschriftung von <input>-Elementen verwendet werden sollte, ist allerdings mit aria-hidden versteckt.
- Gruppen von Eingabefeldern sind mit <section> gruppiert. Hier sollte das HTML-Element <fieldset> verwendet werden.

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze

Werden Jobs über "Mehr Jobs laden" nachgeladen, sollte der Fokus auf das erste neu nachgeladene Element springen. Das erschwert sonst die Bedienung für Tastatur-Benutzer erheblich, da diese wieder rückwärts navigieren müssen, um die neu nachgeladenen Jobs zu erreichen.

Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Bronze

siehe 1.3.1

Kriterium 3.2.4 - Konsistente Erkennung: Silber

Das Tab-Menü "Österreich", "International" wirkt optisch so, wie wenn man zwischen österreichischen und internationalen Jobs wechseln kann. Bei Klick auf International kommt man auf eine ganz andere Inhalts-Seite, wo es kein Tab-Menü mehr gibt mit "Österreich" und "International".
Dieser Aufbau sollte für Silber optimiert werden, damit die UI-Elemente konsistenter sind.

REWE Jobs T7: Jobdetail

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Die Teilen-Buttons besitzen keinen accessible-Name
<a aria-hidden="false" href="https://twitter.com/intent/tweet?url=https://rewe-group.jobs/jobs/02108-200-1-3-3500-V" target="_blank" title="Job auf Twitter teilen"><em class="fa fa-twitter-square fa-3x"></em></a>

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze

Wählt man den Button "Erneut teilen" müsste der Fokus wieder zum Beginn des Formulares springen.

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

Bei Auswahl des Buttons "Job empfehlen" gibt es für Screenreader-BenutzerInnen keine Information, dass das Formular eingeblendet wird. Der Button sollte als Steuerelement zum Ein- und Ausblenden des Formulares definiert werden, z.B. mit aria-controls

REWE Jobs T8: Bewerben

Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

Für Gold müsste das Google Recaptcha mit einer Alternative ersetzt werden.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

- Auf der Bewerbungsseite und auf der Vielen Dank-Seite nach Absenden der Bewerbung müsste die visuelle Überschrift im oberen Bereich auch als Überschrift gekennzeichnet sein, ist aber nur ein <div>:
Bsp.: <div class="name" style="color: #00946c">Verkäufer/in Feinkost für Niederoesterreich</div> (siehe Screenshot)

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

Kriterium 1.4.3 - Kontrast (Minimum): Bronze

Grün auf grau im oberen Bereich (siehe Screenshot) "Verkäufer/in Backshop / Samstag für Niederoesterreich":
Das Element hat einen unzureichenden Kontrast von 3.15 (Vordergrundfarbe: #00946c, Hintergrundfarbe: #ebe8e6, Schriftgröße: 13.5pt (18px), Schriftstärke: bold).

Kriterium 2.4.3 - Fokus-Reihenfolge: Silber

Beim Absenden des Formulares bzw. bei weiter sollte der Fokus gleich zum Formular-Inhalt auf der neuen Seite springen.

Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Bronze

- siehe auch 1.3.1

Kriterium 3.2.3 - Konsistente Navigation: Silber

-Beim Breadcrumb-Menü unten steht "Login" für diese Seite. Das sollte zumindest auf Bewerbung ausgebessert werden. Korrekt wäre Job-Titel >> Bewerbung

- Auch für die weiteren Schritte beim Formular beachten: "Jobs > Job Details > Login > Bewerbungsformular" ist nicht beschreibend für Schritt 2 beim Formular.

Kriterium 3.3.1 - Fehlererkennung: Silber

- Google Recaptcha lt. Methodik bis Silber ausreichend

Kriterium 4.1.1 - Syntaxanalyse: Bronze

Neue Syntaxfehler: No p element in scope but a p end tag seen.

Kriterium 4.1.2 - Name, Rolle, Wert: Silber

Der Button Personalisierte Bewerbung hat keine Funktion und ist eher verwirrend.

REWE Jobs T9: Erfolgsgeschichten

Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Silber

Das Image-Video hat keine Audiodeskription, jedoch ist dieses mit Audio- bzw. Untertitel sehr verständlich und ausreichend für Silber.
Whatchadoo-Videos sind out-of-scope.

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1

Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

Der Whatchadoo-Iframe hat als Titel nur "whatchado-embed", was nicht aussagekräftig ist für Screenreader-BenutzerInnen.

REWE Jobs T10: Zufallssample

Kriterium 1.4.1 - Benutzung von Farbe: Silber

siehe T1