Einführung

Docebo Learn bewegt sich in die Richtung, barrierefreie Erlebnisse für alle Benutzer bereitzustellen, unabhängig von ihren Fähigkeiten oder Beeinträchtigungen. Die Lernerfahrung Ihrer Plattform wird daher mithilfe von Bildschirmleseprogrammen und Tastaturnavigation in den im Artikel Docebo und Barrierefreiheit beschriebenen Bereichen barrierefrei.

Docebo ist nicht verantwortlich für die auf Ihrer Plattform hochgeladenen Inhalte (Kurse, Schulungsunterlagen, über Discover, Coach & Share hochgeladene Inhalte, einschließlich Bildunterschriften) und gewährleistet nicht, dass die in Docebo Content verfügbaren Inhalte barrierefrei sind. Wir möchten Ihnen jedoch aufrichtig dabei helfen, möglichst umfassende und barrierefreie Inhalte zu erstellen, indem wir Ihnen einige einfache Vorschläge und Richtlinien zur Verfügung stellen.

Schreiben von barrierefreiem Text

Dieser Abschnitt enthält einige grundlegende Überlegungen, die Ihnen den Einstieg in das Schreiben von Webinhalten erleichtern, die für alle barrierefreier sind.

Wenn von Barrierefreiheit gesprochen wird, bezieht sich das Wort Text sowohl auf den Text, den Benutzer auf dem Bildschirm lesen können (sichtbarer Text) als auch auf den Text, der von Screenreadern verwendet wird (nicht sichtbarer Text).

Der sichtbare Text umfasst Beschriftungen, Elemente, Text auf Schaltflächen, Links und Formulare. Der nicht sichtbare Text enthält Beschreibungen, die nicht auf dem Bildschirm angezeigt werden (z.B. der Alternativtext für Schaltflächen mit Symbolen). Sowohl sichtbarer als auch nicht sichtbarer Text sollte beschreibend und aussagekräftig sein, da einige Benutzer mithilfe von Überschriften oder Links navigieren. Hier sind ein paar Vorschläge.

Es einfach halten

Kommen Sie auf den Punkt und verwenden Sie keinen unnötig komplexen Text. Verwenden Sie eine klare Sprache und vermeiden Sie Akronyme (oder erweitern Sie sie bei der ersten Verwendung), Redewendungen, umgangssprachliche Wörter, Abkürzungen und Sonderzeichen, die von Screenreadern nicht gelesen werden können. Berücksichtigen Sie auch immer den Wissensstand der Lernenden zu diesem Thema.

Prägnant sein

Vermeiden Sie unnötige Sätze oder Wörter. Screenreader lesen jedes Element der Benutzeroberfläche vor. Je kürzer der Text, desto schneller können die Benutzer durch den Bereich navigieren.

Lesbarkeit erzwingen

Einige Lernende finden es möglicherweise schwierig, lange Texte zu lesen. Schreiben Sie kurze, fokussierte Sätze und Absätze. Verwenden Sie Überschriften (und erhalten Sie auch deren Struktur), um Ihren Text aufzuteilen, damit Screenreader von einem Abschnitt zum anderen springen können. Versuchen Sie, die Kontinuität zwischen den Abschnitten aufrechtzuerhalten, um eine flüssige Navigation zu gewährleisten.

Konsistenz bewahren

Versuchen Sie, im gesamten Text eine einheitliche Sprache zu verwenden, damit die Lernenden mit den von Ihnen verwendeten Begriffen vertraut werden. Erwägen Sie, ein Glossar mit den am häufigsten verwendeten Begriffe zu schreiben.

Schwere Formatierungen vermeiden

Verwenden Sie Formatierungen (fett, kursiv, unterstrichen) und unterschiedliche Schriftarten nur, wenn es wirklich nötig ist. Verlassen Sie sich nicht auf farbigen Text, da dieser von einigen Benutzern möglicherweise nicht richtig angesehen wird. Benutzen Sie für den Text immer die linke Ausrichtung, mit keiner Zentrierung oder Blocksätze.

Links sinnvoll verwenden

Erstellen Sie Textlinks als Teil des Textes, den Sie schreiben. Vermeiden Sie beispielsweise Klicken Sie hier, um die Datei herunterzuladen und verwenden Sie stattdessen Datei herunterladen (als Link). Wenn möglich, geben Sie an, wohin der Link führt, sowie ob er in einer neuen Seite oder Fenster öffnet. Wenn der Link ein Download ist, geben Sie die Dateiart und -größe an.

Gute Titel schreiben

Gute Titel (z.B. für Kurse, Lernpläne, Schulungsunterlagen, Kanäle, Kataloge etc.) sind besonders wichtig zur Orientierung, damit die Nutzer ihre Position auf der Seite verstehen und damit durch Seiten und Inhalte navigieren können. Gute Titel beschreiben den Inhalt, auf den sie sich beziehen. Versuchen Sie, sich prägnant zu fassen und die wichtigsten Informationen an die erste Stelle zu setzen.

Ihre Inhalte testen

Stellen Sie sicher, dass Ihr Inhalt wie erwartet ist, indem Sie ihn auf Ihrer Plattform testen. Navigieren Sie zu den Bereichen, in denen Ihre Inhalte für Ihre Lernenden sichtbar sind, und versuchen Sie, sie hervorzuheben. Ist der Inhalt automatisch ersichtlich? Ist der Text klar und umfangreich? Sind die Links klar oder haben Sie so etwas wie hier klicken verwendet?

Immer Etiketten berücksichtigen

Verwenden Sie die gleichen Vorschläge für Texte, wenn Sie die in der Benutzeroberfläche angezeigten Beschriftungen über das Lokalisierungstool anpassen.

Inspiriert werden

Hier sind einige nützliche Links, die Ihnen dabei helfen, barrierefreie Inhalte zu erstellen:

• https://www.w3.org/WAI/tips/writing/ (öffnet in einer neuen Registerkarte)
• https://a11yproject.com/ (öffnet in einer neuen Registerkarte)

Plattform-Konfiguration

Es ist sehr wichtig, die Barrierefreiheit beim Einstellen Ihrer Plattform zu berücksichtigen. Dieser Abschnitt enthält einige grundlegende Überlegungen, die Ihnen bei der Konfiguration der Benutzeroberfläche Ihrer Plattform unter Berücksichtigung der Barrierefreiheit helfen.

Farben und Kontrast

Kontrast und Farben sind für eine barrierefreien Benutzeroberfläche von entscheidender Bedeutung. Benutzer, auch solche mit Sehbehinderungen, müssen den Inhalt der Seite wahrnehmen können. Seit dem 30.06.2020 erfüllen die Docebo-Farben die Anforderungen der WCAG-Erfolgskriterien 1.4.3 Kontrast (Minimum) (öffnet in einer neuen Registerkarte).

Barrierefreie Farbeneinstellung

Sie können barrierefreie Farben in Ihrer Plattform konfigurieren, indem Sie sie im Menü Branding und Erscheinungsbild konfigurieren, Abschnitt Farben, einstellen.

Verwenden Sie die HEX-Codes in der folgenden Tabelle:

Wenn Sie andere Farben als die in dieser Tabelle vorgeschlagenen verwenden möchten, denken Sie daran, einen Mindestkontrast von 4,5:1 einzuhalten. Es gibt mehrere Tools, um den Farbkontrast online zu überprüfen, folgend werden zwei Beispiele angezeigt:

• Color Contrast Checker - Webaim.org (öffnet in einer neuen Registerkarte)
• Color Contrast Analyser - Paciello Group (öffnet in einer neuen Registerkarte)

Codeanpassung

Alle Codeanpassungen in der Plattform müssen richtige semantische Elemente verwenden, um die Barrierefreiheit der Plattform nicht zu beeinträchtigen.

Semantisches HTML - oder entsprechend WAI ARIA - ist für Web-Barrierefreiheit unabdingbar, da es eine klare, sinnvolle Struktur bzw. Zusammenhang für Webinhalte zur Verfügung stellt. Darüber hinaus hilft es Screenreadern und anderen Unterstützungstechnologien auch dazu, Webseiten zu interpretieren und zu navigieren, sodass Benutzer mit Behinderungen in einer einfacheren Art und Weise zum Inhalt zugreifen sowie sich mit diesem befassen können.

Haben Sie bitte Vorsicht, strukturelle Elemente in der Plattform (wie die Titelleiste, die Breadcrumbs oder die Kopfzeile) nicht auszublenden, da Sie ansonsten die Benutzererfahrung der Menschen, die Unterstützungstechnologien verwenden, beeinträchtigen könnten. Falls Sie wirklich Elemente ausblenden müssen, sorgen Sie bitte dafür, dass Ihre Anpassung eine gleichwertige Alternative bietet.

Achten Sie bitte auf die Organisierung Ihres Inhaltes, indem Sie Titeln die richtige Gliederungsebene zuweisen: Kopfzeilen übermitteln die Organisierung der Seiteninhalte. Webbrowser, Plug-ins sowie Unterstützungstechnologien können sie verwenden, um die seiteninterne Navigation zu ermöglichen.

Bitte beachten: Docebo verantwortet nicht für eventuell implementierte Änderungen mittels benutzerdefinierter CSS- oder HTML-Inhaltsinjektionen.

Referenzen

Hier sind einige nützliche Links, die Ihnen beim Erstellen barrierefreier Inhalte helfen könnten:

• HTML Accessibility (öffnet in einer neuen Registerkarte)
• Accessibility Tutorial (öffnet in einer neuen Registerkarte)