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