Barrierefreiheit

‍Unabhängig von gesetzlichen Regelungen ist es eine grundlegende Verantwortung, Ihre Website für alle zugänglich zu machen – etwas, das uns allen zugutekommt, auch uns selbst in einer weniger glücklichen Zukunft. Was Sitely dazu beitragen kann, ist, den Prozess so schlank und einfach wie möglich zu gestalten und die relevanten WCAG-Kriterien einzuhalten, auf denen alle Vorschriften basieren.

‍Die Websites von Sitely sind aufgrund ihrer sehr schlichten Codierung von Haus aus sehr barrierefrei.

‍Konformität bei Barrierefreiheit ist komplex und nuanciert. Es gibt kein einziges Tool, das Ihnen eine 100%ige Bewertung liefert; die meisten zeigen nur einige der offensichtlichsten Probleme auf. Die vollständige Erfüllung der Anforderungen an Barrierefreiheit ist ein Prozess schrittweiser Updates und Verfeinerungen – sowohl für Sitely als auch für Ihre Website.

‍Eine Schaltfläche mit Beschriftung benötigt nichts Besonderes, damit Barrierefreiheit mit ihr funktioniert. Enthält die Schaltfläche jedoch ein Bild und keine Beschriftung, müssen Sie die "Linkbeschreibung" setzen. Ebenso gilt in komplexeren Situationen, in denen keine Beschriftung vorhanden ist: Die Linkbeschreibung informiert Hilfsmittel über die Bedeutung des Links. Der Website-Assistent von Sitely prüft das.

A screenshot of a website assistant tool highlighting an accessibility issue with an empty label for a link description, alongside options for link settings.

‍Formularbeschriftungen

‍Eine weitere Art von Information, die Sie für Barrierezwecke hinzufügen müssen, ist die Beziehung zwischen Formularfeldern und ihrer Beschriftung. Wenn ein Formular beispielsweise nach einer E‑Mail-Adresse fragt und dazu ein Texteingabefeld und ein Textlabel verwendet, wird die Beziehung nun klargestellt, indem der Textblock ausdrücklich als Beschriftung für dieses Texteingabefeld gesetzt wird.

‍Das moderne, platzsparende Gestaltungsmuster, den Platzhalter als Beschriftung zu verwenden, wird ebenfalls direkt unterstützt, indem der Platzhalter als Floating Label gesetzt und zugleich als Zugänglichkeitslabel verwendet wird. So sieht das aus:

Form design interface showing an email address input field with settings for text input and label options.

‍Textlesbarkeit
Ein weiteres Barrierefreiheitsproblem entsteht, wenn der Textkontrast zum Hintergrund für gute Lesbarkeit nicht ausreicht. Auch dafür haben wir eine Prüfung. Einzigartig in Sitely – uns ist kein anderes Tool bekannt, das dies für Ihre Website tut – ist die Prüfung des Textkontrasts über einem Hintergrundbild. Sitely prüft dabei jedes einzelne Zeichen auf Kontrast und liefert eine detaillierte Visualisierung, die das Problem punktgenau aufzeigt – so wie hier.

A foggy forest background with the text "Sitely is awesome" and a pop-up window displaying an accessibility alert.

‍Bildbeschreibungen

‍Ein zeitaufwendiger Schritt beim Hinzufügen von Barrierefreiheit zu einer Website ist das Ergänzen von Beschreibungen für Bilder. Das liegt gut im Bereich dessen, was KI heute leisten kann. Daher nutzen wir OpenAI, senden eine verkleinerte Version des Bildes an deren Server und fügen die Beschreibung für Sie hinzu.

Farben und Farbverläufe

‍Formularbeschriftungen

‍Bildbeschreibungen