In diesem Thema finden Sie schritt-für-Schritt-Anleitungen und bewährte Methoden, um Ihre SharePoint Website barrierefrei zu machen und Ihre Inhalte für alle, einschließlich Menschen mit Behinderungen, freizuschalten.
SharePoint verfügt über viele integrierte Features, die Personen mit unterschiedlichen Fähigkeiten dabei helfen, Ihre Website zu nutzen und dazu beizutragen. In diesem Thema erfahren Sie beispielsweise, wie Sie einen barrierefreien Look für Ihre Website auswählen, damit Personen mit Sehschwäche den Inhalt einfacher lesen können. Außerdem erfahren Sie, wie Sie Alternativtexte zu Bildern hinzufügen, sodass Personen, die Sprachausgaben verwenden, in der Lage sind, sich anzuhören, worum es in dem Bild geht. Sie können auch lesen, wie Sie Schriftarten, Farben und Designs verwenden, um die Inklusivität Ihrer Website zu maximieren, bevor Sie sie veröffentlichen.
Dieser Artikel ist für Personen bestimmt, die SharePoint für Aufgaben wie das Zusammenarbeiten oder das Organisieren einer Dokumentbibliothek nutzen. Es handelt sich nicht um einen Leitfaden für den Administrator, und es sind keine speziellen Fähigkeiten erforderlich.
Ihr Team verfügt also über SharePoint 2016. Sie möchten eine Website erstellen und dabei sicherstellen, dass sie von allen, auch Menschen mit Behinderungen, verwendet werden kann.
Sie haben Glück. SharePoint 2016 erleichtert die Auswahl des idealen Farbkontrasts, das Hinzufügen von Alternativtext und weiterer Elemente, die auf den Checklisten für Barrierefreiheit zu finden sind. Darüber hinaus wird SharePoint gründlich getestet, um sicherzustellen, dass Benutzer die Websites standardmäßig ohne Maus verwenden können. Sie können allein mit der Tastatur durch jede SharePoint-Seite navigieren und alle Schaltflächen oder Befehle verwenden.
Dieser Artikel richtet sich an Personen, die SharePoint für normale Aufgaben wie zur Zusammenarbeit oder als Dokumentbibliothek verwenden. Es wird nicht vorausgesetzt, dass Sie über spezielle Fähigkeiten verfügen – normale Computerkenntnisse reichen aus.
Möchten Sie eine barrierefreie SharePoint-Website erstellen? Fangen wir also an.
Was möchten Sie tun?
Erster Schritt – Erstellen einer neuen Website
Gehen Sie wie folgt vor, um eine Website zu erstellen.
-
Klicken Sie oben auf der Seite auf der Navigationsleiste auf Websites.
-
Klicken Sie auf der Seite "Websites" auf Neue Website.
-
Geben Sie im Dialogfeld Neue Website starten einen Namen für die Website ein, und klicken Sie dann auf Erstellen.
Tipps:
-
Wenn Sie zum ersten Mal auf Websites klicken, werden während der Einrichtung Ihrer persönlichen Website einige Bildschirme und Anweisungen zur Websiteeinrichtung angezeigt. Sie müssen möglicherweise eine kurze Zeit warten und dann erneut auf Websites klicken, bevor Sie mit dem nächsten Schritt fortfahren können.
-
Je nachdem, wie Ihre Website eingerichtet ist, müssen Sie möglicherweise eine andere Person benennen, die ebenfalls Ihre Website verwalten kann, und angeben, wie sicher der Inhalt sein soll.
-
Die Website wird an einem vom Administrator vordefinierten Speicherort erstellt und unter den Websites angezeigt, denen Sie folgen. Die Website erbt keine Berechtigungs- oder Navigationseinstellungen von anderen Websites. Nachdem Sie die Website erstellt haben, können Sie Dokumente und Bilder hinzufügen, Ihre Website mit anderen teilen, ihr Aussehen ändern und alle Elemente barrierefrei gestalten.
Versehen Ihrer Website mit einem Titel, einer Beschreibung und einem Logo
Wenn Sie eine SharePoint-Website erstellen, besteht einer der ersten Schritte darin, ihr einen Titel zu geben und eine Beschreibung sowie ein Logo hinzuzufügen. Dies ist der erste Schritt auf dem Weg zur Barrierefreiheit, da Sie einen Alternativtext (ALT-Text) für ein Bild hinzufügen, nämlich das Bild, das Sie als Logo verwenden. Alternativtext ist einer der wichtigsten Aspekte, um eine Website barrierefrei zu gestalten. Hilfstechnologien wie Sprachausgaben lesen Alternativtext für Personen mit Seheinschränkungen laut vor.
Um das Logobild barrierefrei zu gestalten, schreiben Sie also einfach eine Beschreibung dafür. SharePoint verwendet die Beschreibung, um den Alternativtext für Sie in HTML zu erstellen.
-
Klicken Sie auf Einstellungen
-
Wählen Sie unter Aussehen und Verhalten den Eintrag Titel, Beschreibung und Logo aus.
-
Geben Sie einen Titel und eine Beschreibung ein.
-
Geben Sie den Speicherort für die Logobilddatei ein, und erstellen Sie dann die Beschreibung.
-
Klicken Sie auf OK.
Wenn Sie zur Startseite Ihrer Website zurückkehren, sehen Sie die Ergebnisse.
Hervorragendes Aussehen der Website mit einem barrierefreien Design
Der nächste Schritt auf dem Weg zur Barrierefreiheit geht über Farbe und Kontrast. Farbe und Kontrast sind wichtig für Barrierefreiheit. Personen mit Seheinschränkungen, beispielsweise einer Makuladegeneration, benötigen eine gewisse Stärke von Kontrast, um Bildschirminhalte sehen zu können. Es ist außerdem wichtig, bei der Farbauswahl sorgfältig vorzugehen, da farbenblinde Menschen den Unterschied zwischen bestimmten Farben nicht wahrnehmen können. Jemand mit einer Rot-Grün-Sehschwäche sieht beispielsweise Rot und Grün als dieselbe Farbe.
Zur Erleichterung dieses Schritts besitzt SharePoint bereits eine Sammlung gebrauchsfertiger Designs. Wenn Sie noch nicht mit Designs gearbeitet haben: Ein Design ist eine Sammlung aus ausgewählten Farben, einem Seitenlayout, Schriftarten usw.
Verwenden des integrierten barrierefreien Designs
-
Klicken Sie auf der neu erstellten Website auf die Kachel mit Was ist Ihr Stil?
-
Gehen Sie auf der Seite Erscheinungsbild ändern alle verfügbaren Vorlagen durch.
-
Um ein vollständig barrierefreies, getestetes Design für Farbe und Kontrast auszuwählen, wählen Sie das Design Office.
Wenn Sie das Office-Design auswählen, müssen Sie die Farbe nicht testen. Wenn Sie ein anderes Design verwenden möchten, finden Sie Informationen zum Erstellen einer barrierefreien Farbkombination im nächsten Abschnitt unter Anpassen Ihrer eigenen Farbkombination. -
Das von Ihnen ausgewählte Design wird auf der nächsten Seite angezeigt. Um mehr zu sehen, klicken Sie auf Testen. Oder klicken Sie, um ein anderes Design auszuwählen, auf Neu beginnen.
Anpassen Ihrer eigenen Farbkombination
Wenn Sie ein anderes Design verwenden möchten, können Sie eine andere Farbkombination auswählen, die barrierefrei ist. Sie müssen Sie testen, um ihre Barrierefreiheit sicherzustellen, doch die Testtools lassen sich einfach verwenden.
Suchen Sie zum Anpassen Ihrer Farben, nachdem Sie ein Design ausgewählt haben, einfach nach dem Menü Farbe auf der Seite, auf der Ihr Design angezeigt wird.
-
Klicken Sie im Farbfeld auf den Pfeil nach unten, um die integrierten Optionen anzuzeigen:
-
Wählen Sie eine aus, und klicken Sie dann auf Testen, um ein Bild mit den von Ihnen ausgewählten Farben anzuzeigen.
-
Wenn Ihnen das Aussehen gefällt, klicken Sie auf Ja, beibehalten. Wenn Sie es ändern möchten, klicken Sie auf Nein, nicht ganz, um zurückzugelangen.
Überprüfen der Barrierefreiheit Ihrer Wahl
Um sicherzustellen, dass Ihre Wahl barrierefrei ist, sollten Sie dies überprüfen. Zum Überprüfen des Kontrasts können Sie eins der kostenlosen Tools von einer vertrauenswürdigen Website verwenden. Im Folgenden finden Sie mehrere Optionen, die Sie verwenden können.
-
Von der Paciello Group der Color Contrast Analyzer
-
WebAIM Color Contrast Checker
Weitere Schritte
Weitere Ressourcen zur Barrierefreiheit finden Sie unter Vorbereitungen treffen – Erstellen einer barrierefreien SharePoint-Website
Informationen, wie Sie Ihrer neuen Website Elemente hinzufügen, finden Sie unter Hinzufügen barrierefreier Inhalte und Bilder zu Ihrer Website
In diesem Thema
Create einer barrierefreien Website
SharePoint Modern Experience in Microsoft 365 erleichtert das Erstellen, Erstellen und Anpassen einer Website, die jeder verwenden kann. SharePoint bietet Websitevorlagen, die vorab aufgefüllte Seiten, Seitenvorlagen, Newsbeitragsvorlagen und Webparts enthalten, die an die Anforderungen Ihrer Zielgruppe angepasst werden können.
Wenn Sie eine neue Website erstellen oder eine neue Seite hinzufügen, wählen Sie eine Vorlage mit starkem Farbkontrast aus, z. B. schwarzer Text auf weißem Hintergrund oder umgekehrt. Die richtige Farbe und der richtige Kontrast können Personen mit Sehschwäche dabei helfen, den Inhalt auf einer Seite leichter zu lesen. Für neue Seiten können Sie auch die Option Leer auswählen, um eine Seite ohne vordefinierte Formatierung von Grund auf neu zu erstellen und dann gewünschte Stilelemente hinzuzufügen.
Eine schritt-für-Schritt-Anleitung zum Erstellen einer Website finden Sie unter Create einer Website in SharePoint. Informationen zum Erstellen von Seiten finden Sie unter Create und Verwenden moderner Seiten auf einer SharePoint-Website.
Sie können die Websitevorlage ändern und das Erscheinungsbild Ihrer Website anpassen, auch nachdem Sie sie erstellt haben. Anweisungen finden Sie unter Anwenden und Anpassen von SharePoint-Websitevorlagen und Anpassen Ihrer SharePoint-Website.
Hinweis: Wenn im Menü Einstellungen nicht Aussehen ändern angezeigt wird, sind Sie wahrscheinlich nicht berechtigt, diese Einstellung zu ändern. Weitere Informationen finden Sie unter Grundlegendes zu Berechtigungsstufen, oder fragen Sie Ihren Administrator.
Organisieren von Inhalten in barrierefreien Abschnitten
Um organisierte und barrierefreie Seitenlayouts zu erstellen, verwenden Sie vorzugsweise Abschnitte mit einer einzelnen Spalte mit voller Breite. Einfach strukturierte Abschnitte sind einfacher mit Hilfstechnologien zu navigieren als Abschnitte, in denen der Inhalt beispielsweise in mehrere nebeneinander bezogene Spalten aufgeteilt wurde. Versuchen Sie nicht, mehrere Abschnitte mit unterschiedlicher Anzahl von Spalten zu stapeln, da dies für Menschen mit Behinderungen und Neurodiverse stören kann.
Die schrittweisen Anweisungen zum Hinzufügen von Abschnitten finden Sie unter Hinzufügen von Abschnitten und Spalten auf einer modernen SharePoint-Seite.
Ändern der Hintergrundfarbe des Abschnitts
Stellen Sie sicher, dass Sie in den Abschnitten eine barrierefreie Hintergrundfarbe verwenden.
-
Wählen Sie im Abschnitt
-
Wählen Sie unter Abschnittshintergrundschattierung eine Option mit dem stärksten Kontrast zwischen den Text- und Hintergrundfarben aus.
Verwenden integrierter Überschriftenstile in Webparts
Überschriften sollen sowohl visuell als auch mit Hilfstechnologie gescannt werden. Im Idealfall erläutern Überschriften, worum es in einem Abschnitt, Webpart oder einer Seite geht. Verwenden Sie die integrierten Überschriftenformatvorlagen, und erstellen Sie beschreibende Überschriftentexte, damit Benutzer der Sprachausgabe die Struktur des Abschnitts, Webparts oder der Seite leichter bestimmen und in den Überschriften navigieren können.
Ordnen Sie Überschriften in der vorgegebenen logischen Reihenfolge an. Verwenden Sie beispielsweise Überschrift 1, Überschrift 2 und dann Überschrift 3 statt Überschrift 3, Überschrift 1 und dann Überschrift 2. Organisieren Sie die Informationen in Ihren Webparts in kleinen Blöcken. Im Idealfall umfasst jede Überschrift nur ein paar Absätze.
Eine schritt-für-Schritt-Anleitung zum Arbeiten mit Überschriften finden Sie unter Hinzufügen barrierefreier Inhalte und Links zu einer SharePoint Online-Website.
Vermeiden der Verwendung von Tabellen
Vermeiden Sie nach Möglichkeit Tabellen, und stellen Sie die Daten anders dar, z. B. Absätze mit Überschriften. Tabellen mit fester Breite können sich für Personen, die die Bildschirmlupe verwenden, als schwierig zu lesen erweisen, da solche Tabellen den Inhalt auf eine bestimmte Größe erzwingen. Dies macht die Schriftart sehr klein, was Benutzer der Bildschirmlupe zwingt, horizontal zu scrollen, insbesondere auf mobilen Geräten.
Wenn Sie Tabellen verwenden müssen, verwenden Sie die folgenden Richtlinien, um sicherzustellen, dass Ihre Tabelle so zugänglich wie möglich ist:
-
Vermeiden Sie Tabellen mit fester Breite.
-
Stellen Sie sicher, dass die Tabellen auf allen Geräten, einschließlich Smartphones und Tablets, ordnungsgemäß gerendert werden.
-
Wenn Sie Links in Ihrer Tabelle haben, bearbeiten Sie die Linktexte so, dass sie sinnvoll sind und nicht den Mittleren Satz unterbrechen.
-
Stellen Sie sicher, dass die Tabellen- und Seiteninhalte mit der Bildschirmlupe leicht gelesen werden können. Zeigen Sie es auf einem mobilen Gerät an, um sicherzustellen, dass Benutzer beispielsweise nicht horizontal auf der Seite auf einem Smartphone scrollen müssen.
Verwenden von Tabellenüberschriften
Bildschirmsprachausgaben verfolgen ihre Position in einer Tabelle durch Zählen der Tabellenzellen. Wenn eine Tabelle in einer anderen Tabelle verschachtelt oder eine Zelle zusammengeführt oder geteilt ist, ermittelt die Sprachausgabe eine falsche Anzahl und kann nach diesem Punkt keine hilfreichen Informationen mehr zur Tabelle bereitstellen.
Leere Zellen in einer Tabelle können auch dazu führen, dass ein Benutzer, der eine Bildschirmsprachausgabe verwendet, annimmt, dass keine weiteren Inhalte in der Tabelle vorhanden sind. Verwenden Sie eine einfache Tabellenstruktur nur für Daten, und geben Sie Spaltenkopfinformationen an. Bildschirmsprachausgaben verwenden Kopfzeileninformationen außerdem zum Erkennen von Zeilen und Spalten.
-
Platzieren Sie den Cursor an einer beliebigen Stelle in einer Tabelle.
-
Wählen Sie auf der Webpartsymbolleiste
-
Wählen Sie unter Tabellenformatvorlagen eine Formatvorlage mit einer Kopfzeile und starkem Farbkontrast aus, z. B. Kopfzeile oder Kopfzeile mit Designfarbe.
-
Geben Sie die Kopfzeilentexte ein.
Organisieren von Inhalten in barrierefreien Listen
Damit Bildschirmsprachausgaben den Inhalt in einem Abschnitt, Webpart oder einer Seite leichter lesen können, organisieren Sie die Informationen in kleinen Blöcken wie Aufzählungen oder nummerierten Listen.
-
Wählen Sie auf der Webpartsymbolleiste
-
Geben Sie den Text des Listenelements ein.
-
Um ein weiteres Listenelement hinzuzufügen, drücken Sie die EINGABETASTE, und geben Sie dann den Text des Listenelements ein.
Tipp: Um erweiterte, komplexere und anpassbare Listen für Nachverfolgungszwecke zu erstellen, können Sie beispielsweise die Microsoft Listen-App verwenden und die Listen mit IhrerSharePoint-Website verknüpfen. Anweisungen finden Sie unter Create einer Liste.
Hinzufügen von Alternativtext zu Bildern
Alternativtext hilft Personen, die den Bildschirm nicht sehen können, zu verstehen, was in Bildern, Formen, SmartArt-Grafiken, Diagrammen und anderen Visuals wichtig ist. Beschreiben Sie im Alternativtext kurz das Bild, seine Absicht und was am Bild wichtig ist. Sprachausgaben lesen die Beschreibung für Benutzer vor, die den Inhalt nicht sehen können.
Tipp: Um einen guten Alternativtext zu schreiben, stellen Sie sicher, dass Sie den Inhalt und den Zweck des Bilds präzise und eindeutig vermitteln. Der Alternativtext sollte nicht länger als ein oder zwei kurze Sätze sein – in den meisten Fällen sind einige mit Bedacht markierte Wörter der Fall. Wiederholen Sie im Alternativtext nicht den die Bilder umgebenden Textinhalt, und vermeiden Sie redundante Begriffe wie "eine Grafik mit" oder "ein Foto von". Weitere Informationen zum Schreiben von Alternativtext finden Sie unter Alles, was Sie wissen müssen, um effektiven Alternativtext zu schreiben.
Vermeiden Sie die Verwendung von Text in Bildern als alleinige Methode zur Vermittlung wichtiger Informationen. Wenn Sie ein Bild mit Darin enthaltenem Text verwenden müssen, wiederholen Sie diesen Text im Webpart.
Wenn das Bild, z. B. ein Hintergrundbild, rein dekorativ ist, Erwähnung dies im Alternativtext.
Fügen Sie für Audio- und Videoinhalte zusätzlich zum Alternativtext Untertitel für Personen mit Einer Hörbehinderung hinzu.
Weitere Informationen dazu, wie Sie sicherstellen, dass Ihre Visuals und Medien inklusiv sind, finden Sie unter Hinzufügen barrierefreier Bilder und Medien zu einer SharePoint Online-Website.
Hinzufügen von Alternativtext zu einem Hintergrundbild in einem Titelbereich
Wenn Sie ein Hintergrundbild in einem Titelbereich-Webpart verwenden, stellen Sie sicher, dass Sie diesem Alternativtext hinzufügen.
-
Wählen Sie im Titelbereich-Webpart
-
Geben Sie im Feld Alternativtext den Alternativtext für das Hintergrundbild ein.
Hinzufügen von Alternativtext zu Bildern in anderen Webparts als Titelbereichen
-
Wählen Sie das Bild und dann
-
Geben Sie im Feld Alternativtext den Alternativtext für das Bild ein.
Create barrierefreie Hyperlinktexte
Benutzer von Bildschirmsprachausgaben durchsuchen manchmal eine Liste mit Links. Links sollten klare und genaue Informationen über das Ziel vermitteln. Vermeiden Sie beispielsweise die Verwendung von Linktexten wie "Klicken Sie hier", "Diese Seite anzeigen", "Hier wechseln" oder "Weitere Informationen". Fügen Sie stattdessen den vollständigen Titel der Zielseite ein.
Tipp: Falls der Titel auf der Zielseite des Links eine genaue Zusammenfassung des Inhalts dieser Seite gibt, verwenden Sie diesen als Linktext. Dieser Hyperlinktext entspricht beispielsweise dem Titel auf der Zielseite: Create mehr mit Microsoft-Vorlagen.
Eine schritt-für-Schritt-Anleitung zum Erstellen von Hyperlinks finden Sie unter Hinzufügen barrierefreier Inhalte und Links zu einer SharePoint Online-Website.
Verwenden von barrierefreiem Schriftformat und -farbe
Eine barrierefreie Schriftart schließt die Lesegeschwindigkeit von Personen, die den Text auf Ihrer Website lesen, nicht aus oder verlangsamt diese, einschließlich Personen mit Sehbehinderung oder Lesebehinderung. Die richtige Schriftart verbessert die Lesbarkeit und Lesbarkeit des Texts auf einer Seite.
Um die Leselast zu reduzieren, wählen Sie bekannte serifenlose Schriftarten wie Arial oder Calibri aus. Vermeiden Sie die ausschließliche Verwendung von Großbuchstaben und übermäßig viele Kursivformatierungen oder Unterstreichungen.
Eine Person mit einer Sehbehinderung verfehlt möglicherweise die Bedeutung, die durch bestimmte Farben vermittelt wird. Fügen Sie beispielsweise eine Unterstreichung zu farbcodiertem Linktext hinzu, damit farbenblinde Personen erkennen können, dass es sich um einen Linktext handelt, auch wenn sie die Farbe nicht sehen können. Im Fall von Überschriften können Sie eine Fettformatierung oder eine größere Schriftart verwenden.
Der Text auf Ihrer Website sollte in einem Modus mit hohem Kontrast lesbar sein. Verwenden Sie beispielsweise helle Farben oder Farbschemas mit hohem Kontrast von gegenüberliegenden Enden des Farbspektrums. Weiße und schwarze Farbschemas erleichtern es farbenblinden Personen, zwischen Text und Formen zu unterscheiden.
Anweisungen zum Arbeiten mit Schriftarten und Text finden Sie unter Hinzufügen barrierefreier Inhalte und Links zu einer SharePoint Online-Website und Hinzufügen von Text zu einem SharePoint-Bereich.
Testen der Barrierefreiheit mit einer Sprachausgabe
Wenn Ihre Website oder Seite veröffentlicht werden kann, können Sie versuchen, in den Inhalten mit einer Sprachausgabe zu navigieren, z. B. der Sprachausgabe. Die Sprachausgabe enthält Windows, sodass keine Installation erforderlich ist. Dies ist eine zusätzliche Möglichkeit, z. B. Probleme im Navigations- oder Alternativtext zu erkennen.
Tipp: Um den Farbkontrast zu überprüfen, können Sie eines der kostenlosen Tools einer vertrauenswürdigen Website verwenden, z. B. Farbkontrastanalyse oder Farbkontrastprüfung.
-
Starten Sie die Sprachausgabe. Um beispielsweise die Sprachausgabe zu starten, drücken Sie STRG+WINDOWS-LOGO-TASTE+EINGABETASTE.
-
Drücken Sie STRG+F6, bis sich der Fokus, das blaue Rechteck, auf der Befehlsleiste befindet.
-
Drücken Sie einmal die TAB-TASTE, und drücken Sie dann die NACH-UNTEN-TASTE, um auf der Seite nach unten zu wechseln. Beheben Sie alle Barrierefreiheitsprobleme, auf die Sie stoßen.
-
Beenden Sie die Sprachausgabe. Wenn Sie z. B. die Sprachausgabe beenden möchten, drücken Sie STRG+WINDOWS-LOGO-TASTE+EINGABETASTE.
Siehe auch
Ressourcen zum Erstellen von barrierefreien Websites in SharePoint Online
Anpassen der Navigation auf Ihrer SharePoint-Teamwebsite
Machen Sie Ihre Outlook-E-Mail für Menschen mit Behinderungen zugänglich
Gestalten barrierefreier PowerPoint-Präsentationen für Personen mit Behinderungen
Gestalten barrierefreier Word-Dokumente für Personen mit Behinderungen
Gestalten barrierefreier Excel-Dokumente für Personen mit Behinderungen
Machen Sie Ihre OneNote-Notizbücher für Menschen mit Behinderungen zugänglich
Machen Sie Ihr Visio-Diagramm für Menschen mit Behinderungen zugänglich
Machen Sie Ihr Sway-Design für Menschen mit Behinderungen zugänglich
Technischer Support für Kunden mit Behinderungen
Microsoft möchte allen Kunden die bestmögliche Benutzererfahrung bieten. Wenn Sie eine Behinderung oder Fragen zum Thema "Barrierefreiheit" haben, wenden Sie sich an den Microsoft Disability Answer Desk, um technische Unterstützung zu erhalten. Das Supportteam des Disability Answer Desk ist gut geschult und mit vielen bekannten Hilfstechnologien vertraut und kann Unterstützung in den Sprachen Englisch, Spanisch und Französisch sowie in amerikanischer Gebärdensprache bieten. Wechseln Sie zur Website des Microsoft Disability Answer Desk, um die Kontaktdetails für Ihre Region zu erhalten.
Wenn Sie ein Benutzer in einer Behörde oder einem Unternehmen oder ein kommerzieller Benutzer sind, wenden Sie sich an den Enterprise Disability Answer Desk.
