Leitlinien und bewährte Praktiken für die Zugänglichkeit von Inhalten
Im Folgenden finden Sie einige allgemeine Richtlinien zur Barrierefreiheit, die sich an den WCAG-Richtlinien orientieren und Ihnen bei der Verwaltung Ihrer Website-Inhalte helfen sollen. Weitere Informationen zu bewährten Verfahren für die Barrierefreiheit finden Sie in unserem Blogbeitrag.
Zugängliche Überschriften
Bildschirmlesegeräte müssen in der Lage sein, den Kontext einer Seite oder eines Abschnitts innerhalb einer Seite zu vermitteln.
Verwenden Sie beschreibende Sprache in H1-Überschriften: Die Überschrift 1 alias H1 alias „Titel der Seite“ sollte das Thema der Seite wiedergeben und kein Marketing-Jargon sein.
Verwenden Sie einen eindeutigen H1-Überschriftstext: Die gleiche H1 sollte nicht auf anderen Seiten der Website verwendet werden.
Verwenden Sie nur eine H1 pro Seite: Die H1 informiert die Tools über das Thema der Seite.
Verwenden Sie Überschriften im Allgemeinen, um den Inhalt hervorzuheben: Verwenden Sie die anderen Überschriften (H2, H3, H4, H5, H6), um den Inhalt der Seite hervorzuheben und weiter zu betonen.
Verwenden Sie Überschriften in der richtigen Reihenfolge: Die Titel der Überschriften sollten in der Reihenfolge H1 >H2 >H3 >H4 >H5 >H6.
Zugängliche Links
Bildschirmlesegeräte müssen in der Lage sein, den Kontext hinter einem Link zu vermitteln.
Verwenden Sie eine beschreibende Sprache in Links: Textlinks sollten NICHT „mehr lesen“ und „mehr erfahren“ heißen – beschreiben Sie Ihren Besuchern, was sie auf der entsprechenden Seite finden werden
Verlinken Sie in Ihrem Inhalt auf andere nützliche Seiten der Website: Ermöglicht es dem Besucher, schnell nach anderen Informationen zu suchen.
Links sollten anders aussehen und sich vom Inhalt abheben: Abgesehen von der Verwendung von Farbe sollten Sie einen Pfeil „→“ oder eine Karotte „>“ oder eine Unterstreichung verwenden, um den Besuchern zu verdeutlichen, dass es sich um einen Link handelt. Dies wird bei Ihren Entwürfen berücksichtigt. Beachten Sie daher unseren Styleguide und die mitgelieferten Seitenblockvorlagen.
Wenn Sie Bilder als Links verwenden: Verwenden Sie nicht einfach ein Bild als Link. Bilder sollten mit Text ergänzt werden, um die Links hervorzuheben.
Vermeiden Sie die Verwendung des gleichen Linktextes für alle Links: Stellen Sie sicher, dass gleichnamige Links zum gleichen Ziel führen.
Zugängliche Bilder
Blinde Benutzer können keine Bilder sehen, und auch ein Bildschirmlesegerät, das ein blinder Benutzer verwendet, kann dies nicht.
Vermeiden Sie Bilder mit Text: Ein Bildschirmlesegerät kann ein Bild nicht lesen, daher sollten Bilder keinen wertvollen Text oder Informationen enthalten, die nicht auf der Seite verfügbar sind.
Bilder sollten einen Alt-Text enthalten: Bilder, die nicht nur zu Dekorationszwecken verwendet werden, sollten einen Alt-Text enthalten, der das Bild beschreibt, so dass ein Bildschirmlesegerät den Benutzer über den Inhalt des Bildes informieren kann (z. B. Frau telefoniert am Schreibtisch).
Bild-Alt-Text-Beschreibungen: Der Alt-Text eines Bildes sollte das Bild beschreiben und keine Sonderzeichen verwenden.
Vermeiden Sie Keyword-Stuffing im Alt-Text: Der Alt-Text ist kein Ort, an dem man sich mit Schlüsselwörtern aufladen sollte. Auch wenn ein Schlüsselwort gelegentlich verwendet werden kann, sollte es nicht in jedem Bild verwendet werden.
Zugängliche Videos
Kostenpflichtige Tools bieten oft mehr Flexibilität und Funktionen wie Untertitel und Videotranskriptionen. Verwenden Sie die kostenpflichtigen oder Profi-Versionen der gehosteten Videotools von Drittanbietern.
Bieten Sie einen Link zu einer Seite mit dem vollständigen transkribierten Video auf der Seite im WYSIWYG an.
Audio nicht automatisch abspielen.
Weitere Tipps zu barrierefreien Inhalten
Fügen Sie immer einen Link zur Sitemap in die Fußzeile Ihrer Website ein.
Vergewissern Sie sich, dass Aufzählungslisten tatsächlich die Formatierung für Aufzählungslisten verwenden.
Geben Sie klare Anweisungen auf den Formularen.
Achten Sie darauf, dass die Formulare nicht zu lang sind und jedes Feld eine beschreibende Bezeichnung hat.
Fügen Sie eine Seite in die Fußzeile ein, die eine Erklärung zur Barrierefreiheit enthält.
Verwenden Sie eine einfache, prägnante Sprache und erklären Sie Abkürzungen oder Wörter, deren Bedeutung ohne Aussprache nicht klar ist.
Stellen Sie sicher, dass PDFs und andere herunterladbare Dateien zugänglich sind.
Machen Sie einen Plan, um ältere Inhaltsseiten, die auf die neue Website migriert wurden, noch einmal durchzugehen und sicherzustellen, dass Sie die besten Praktiken für die Barrierefreiheit einhalten.
Zugängliche Testwerkzeuge
Wenn Sie sich während des gesamten Projekts an die von uns beschriebenen bewährten Verfahren halten, sollten Ihre Inhalte bei den Zugänglichkeitstests gut abschneiden. Um sicherzugehen, können Sie diese Tools immer verwenden, um jede von Ihnen erstellte Seite zu testen:
Erhöht Ihr Unternehmen die Anforderungen an die Barrierefreiheit im Internet? Sind Sie gesetzlich verpflichtet, mehr zu tun oder über Ihre Standards für die Barrierefreiheit im Internet zu berichten? Kontakt zum Support – Wir können ein Gespräch mit unseren Strategen vereinbaren, um zu besprechen, wie ein Audit mit Orbit aussehen könnte, und Ihnen einen Kostenvoranschlag unterbreiten.
