Karriereseite: Barrierefreiheit und WCAG

Der folgende Artikel befasst sich mit einigen Arten, wie Emply Karriereseiten den WCAG-Standards entsprechen.

Alt-Attribut für nicht textbasierten Inhalt

Für alle Inhalte, die nicht auf Text basieren, gibt es textbasierte Alternativen, die an die Bedürfnisse des Benutzers angepasst werden können. Dies kann über den Editor oder über den HTML-Editor erfolgen
Standardsymbole, die vom Benutzer nicht geändert werden können, sind mit Alt-Text codiert.

Information und Beziehung

Seiten können mit der Tastatur navigiert werden und der Fokus folgt einem logischen Pfad für Navigation und Popups.

Eingabe identifizieren

Eingabefelder sind erkennbar und als solche deklariert — zum Beispiel in der Login-Box.

Kontrast

Kontraste erleichtern, den Text vom Hintergrund zu unterscheiden, sodass er für Personen, die möglicherweise mit Sehbehinderungen zu kämpfen haben, besser lesbar ist. Der Standardkontrast in den Elementen der Karriereseite ist so konzipiert, dass er den erforderlichen Kontrast bietet. Dies kann jedoch für Websites mit benutzerdefiniertem CSS nicht garantiert werden. Weitere Anpassungen können bei Bedarf über den Editor und den HTML-Code vorgenommen werden.

Fokus

Die Reihenfolge, in der Popups und Modalfelder erscheinen, ist logisch und die Voice-Over-Software liest das fokussierte Fenster und nicht die Hintergrundseite vor.

Sprache

Die Seitensprache ist deklariert.

Element „Offene Positionen“

Drop-down-Element: Es ist möglich, mit der Tastatur durch das Element zu navigieren.
Suchfeld: Das Suchfeld ist als solches deklariert.

Eine Bewerbung senden

Pflichtzeichen: Das Pflichtzeichen * im Formular ist als erforderlich deklariert und kann per Sprachausgabe gelesen werden.
Hovering-Fehlermeldungen: Fehlermeldungen, die beim Hovering angezeigt werden, haben Bereichsattribute und können per Spracheingabe gelesen werden.

Element „Jobagent“

Visuelle Beschriftungen für Felder: Standardfelder, die sich auf Job-Agenten beziehen, haben visuelle Beschriftungen, die die Verwendung von Voice-Over im Element erleichtern.
Drop-down-Element: Es ist möglich, mit der Tastatur durch das Element zu navigieren.
Frequenzauswahl: Das Frequenzelement hat Attribute, die sicherstellen, dass die gewählte Option deklariert wird.
Hovering-Fehlermeldungen: Fehlermeldungen, die beim Hovering angezeigt werden, haben Aria-Attribute und können per Voice-Over gelesen werden.

Profil des Benutzers

Visuelle Bezeichnung für Felder: Standardfelder, die sich auf Job-Agenten beziehen, haben visuelle Beschriftungen, die die Verwendung von Voice-Over im Element erleichtern
Pflichtzeichen: Das Pflichtzeichen * im Formular ist als erforderlich deklariert und kann per Spracheingabe gelesen werden.

WCAG-Alternativtext und Logo im Layout

Halten Sie sich an die Richtlinien der WCAG (Web Content Accessibility Guideline), um die Barrierefreiheit Ihrer Karriereseite für eine breitere Gruppe von Besuchern Ihrer Website zu maximieren, insbesondere für Personen mit Sehbehinderungen.

Gehen Sie zu Karriereportal im Hauptmenü.
Klicken Sie auf das Zahnrad, um auf Einstellungen zuzugreifen.
Entfalten Sie Layout und klicken Sie auf das Bleistift-Symbol zum Bearbeiten.
Bewegen Sie den Mauszeiger über das bevorzugte Layout und das Bleistift-Symbol wird erscheinen.
Klappen Sie den HTML <body> auf.
Sie werden einen in HTML formatierten Text sehen.

Anmerkung

Zeile 6 kann bearbeitet werden, um die Komponente Ihrer Website einzugeben, die für sehbehinderte Menschen besser zugänglich sein soll. Das Format muss alt=component sein.

Anmerkung

Dieses Beispiel verwendet =Logo im HTML-Text. Jetzt liest der Screenreader das Wort laut vor, sodass die Website für Personen mit Sehbehinderung leichter zugänglich ist.