So stellen Sie digitale Barrierefreiheit in Webdesign und -entwicklung bereit
Veröffentlicht: 2022-08-03Wenn Sie jemand bitten würde, zu definieren, was Barrierefreiheit in der digitalen Welt bedeutet, könnten Sie das tun? Wenn Sie sich unsicher fühlen, sind Sie nicht allein.
Als Anwalt Tyler D'Amore seinen Freunden und seiner Familie zum ersten Mal erzählte, dass er im Bereich der Barrierefreiheit im Internet arbeite, dachten sie zunächst, er würde WLAN verkaufen. Obwohl das schon über ein Jahrzehnt her ist, kann sich das Konzept der digitalen Barrierefreiheit immer noch neu und komplex anfühlen, auch wenn sich die Welt weiterhin online verlagert.
Digitale Barrierefreiheit beginnt mit dem Aufbau einer unglaublichen Website. Laden Sie den „6-Schritte-Leitfaden für den Verkauf von Website-Diensten an lokale Unternehmen“ herunter, um noch heute damit zu beginnen, Ihren Kunden Barrierefreiheit zu bieten.
In einer kürzlich erschienenen zweiteiligen Folge des Conquer Local Podcast sprach George Leith mit zwei Experten für digitale Barrierefreiheit von AudioEye Inc.: Tyler D'Amore, Vizepräsident für strategische Partnerschaften, und Alisa Smith mit dem großartigen Titel „Accessibility Evangelist“.
Im ersten Teil diskutieren George und Tyler, was digitale Barrierefreiheit ist und warum sie entscheidend ist – nicht nur moralisch, sondern auch aus Vertriebs- und Compliance-Perspektive. Im zweiten Teil gehen George und Alisa auf schnelle Erfolge ein, die Sie heute umsetzen können, um die Webpräsenz Ihres Unternehmens für alle zugänglicher zu machen.
Was ist digitale Barrierefreiheit?
Um eine von Tylers großartigen Analogien zu verwenden: Digitale Zugänglichkeit sind die Rampen und Schienen der digitalen Welt.
Denken Sie einmal über den Begriff „Barrierefreiheit“ nach. Neben Bildern von Rampen und Schienen denken Sie vielleicht auch an reservierte Parkplätze oder ausgewiesene Toilettenkabinen. Wenn es um physische Orte wie Geschäfte, Banken und Restaurants geht, sind die meisten Menschen mit dieser Art von Unterkünften vertraut. Sie verstehen, warum sie ein notwendiger Teil dazu sind, das Leben für alle inklusive zu gestalten, auch für Menschen mit Behinderungen.
Bedenken Sie nun, wie viel Leben derzeit online abgewickelt wird. Mit dem Aufstieg des E-Commerce, vom Bankgeschäft über den Einkauf bis hin zur Essensbestellung, ist die Welt webbasierter denn je. Und wie jeder andere Raum müssen auch digitale Orte wie Websites so gestaltet sein, dass jeder sie nutzen kann.
„Wenn ich in ein Gebäude wie Target gehen würde und Rollstuhlfahrer wäre, würde Target Rampen und Geländer sowie die entsprechende Infrastruktur einrichten, damit eine Person mit einer Behinderung wie jeder andere Kunde durch das Geschäft navigieren kann. Bei der Digitalisierung müssen wir sicherstellen, dass dies auch bei unseren Online-Angeboten und Online-Ökosystemen der Fall ist.“
Wie kann Online- Unzugänglichkeit aussehen?
Eine Person im Rollstuhl, die vor einer langen Treppe steht – man kann sich leicht vorstellen, dass sie körperlich unzugänglich ist. Doch wie kann es online aussehen?
- Eine Person mit Sehbehinderung versucht, auf eine Website zuzugreifen, die nicht für unterstützende Technologien optimiert ist
- Eine Person mit Legasthenie hat Schwierigkeiten, lange Textblöcke in Serifenschrift zu lesen
- Eine Person mit Farbenblindheit navigiert auf einer Webseite ohne kontrastierende Farben
- Eine Person mit Epilepsie, ausgelöst durch unerwartete blinkende Inhalte
In diesen Fällen machen Menschen aus allen Gesellschaftsschichten eine negative Erfahrung. Sie werden daran gehindert, unabhängig und bequem online einzukaufen, mehr über Ihr Unternehmen zu erfahren oder sich mit Ihren Inhalten zu beschäftigen.
Warum digitale Barrierefreiheit wichtig ist
Aus moralischer Sicht ist es selbstverständlich, dass niemand diskriminieren möchte. Aber warum ist es sonst so wichtig für die Websites Ihrer Kunden?
Für das Endergebnis und den Wettbewerbsvorteil
Wenn Sie beim Erstellen von Websites die Barrierefreiheit im Internet nicht berücksichtigen, schränken Sie die Zielgruppe Ihrer Kunden, ihr Geschäftspotenzial und ihr finanzielles Wachstum ein.
Aber profitiert nicht nur ein kleiner Prozentsatz der Menschen tatsächlich von Maßnahmen zur digitalen Barrierefreiheit?
Laut Tyler könnte der gesamte adressierbare Markt bedeutender sein, als Sie denken. „Zwanzig Prozent der Bevölkerung haben irgendeine Form von Behinderung, die die Art und Weise verändern wird, wie sie mit digitaler Technologie interagieren“, sagt er.
Und dabei sind situative oder vorübergehende Behinderungen noch nicht einmal berücksichtigt (accessCAN).
„Vielleicht habe ich mir den rechten Arm gebrochen“, erklärt Tyler. „Jetzt kann ich eine Tastatur nicht mehr richtig bedienen … Vielleicht halte ich ein Baby in der Hand und jetzt brauche ich eine Art Text-to-Speech-Funktion.“ Letztendlich kann eine barrierefreie Website allen zugute kommen.
„All diese Funktionen waren ursprünglich Werkzeuge für Menschen mit Behinderungen, aber sie erweisen sich als Funktionen, die im Rahmen eines universellen Designaspekts (CEUD) von jedem genutzt werden können“, schließt Tyler.
Wenn Sie als Agenturinhaber oder digitaler Wiederverkäufer eine Reihe von Lösungen an Ihre kleinen und mittelständischen Geschäftskunden verkaufen, könnte es aus vertrieblicher Sicht außerdem sinnvoll sein, im Rahmen Ihres Website-Design-Pitches Website-Design und -Entwicklung anzubieten, die digitale Barrierefreiheit einschließt ein wesentliches Unterscheidungsmerkmal und ein engerer Deal.
Für die Einhaltung gesetzlicher Vorschriften
Physische Zugänglichkeit und Web-Zugänglichkeit liegen mittlerweile im gleichen Spektrum, und wenn Sie sich nicht anpassen, kann dies ein großes rechtliches Risiko für Ihr Unternehmen – und Ihre Kunden – darstellen.
Wenn Sie die Baupläne für den Bau eines Gebäudes entwerfen würden, wären Sie gesetzlich verpflichtet, Barrierefreiheitsmerkmale wie die oben genannten Rampen und Geländer einzubeziehen. Dieselben Vorschriften gelten nun auch für digitale Räume. Die Web Content Accessibility Guidelines (WCAG) bieten eine Blaupause. Innerhalb dieser Richtlinien gibt es auch weitere Unterscheidungen, die je nach Land unterschiedlich sind.
In den Vereinigten Staaten beispielsweise verbietet Titel III des Americans with Disabilities Act „privaten öffentlichen Unterkünften die Diskriminierung von Menschen mit Behinderungen“ (ADA). Und Richter entscheiden nun, dass Websites solche Orte sind.
Laut Tyler werden jedes Jahr Zehntausende Titel-III-Beschwerden gegen die digitalen Zweige großer Konzerne sowie kleiner und mittlerer Unternehmen eingereicht.
Obwohl diese Klage wegen Barrierefreiheit im Internet auf sich warten lässt, schätzt Tyler, dass „heute nur 5 Prozent des Webs zugänglich sind“ (AudioEye).
So bieten Sie digitale Barrierefreiheit
Sie möchten also loslegen ... morgen. Laut Alisa Smith, Expertin für Barrierefreiheit, müssen Sie heute damit beginnen, der digitalen Barrierefreiheit Priorität einzuräumen, wenn Sie sich einen Wettbewerbsvorteil verschaffen und so mehr Umsatz erzielen möchten.
„Bedenken Sie die Kaufkraft von Menschen mit Behinderungen sowie ihrer Freunde und Familie. Wir sprechen weltweit von etwa einer Milliarde Menschen. Wenn Sie darüber nachdenken, ihre Freunde und Familie einzubeziehen, sind das etwa 3,3 Milliarden potenzielle Verbraucher, die aufgrund dieser emotionalen Verbindung [zu Ihrem Unternehmen] handeln werden.“
Mit über 20 Jahren Erfahrung sammelt Alisa regelmäßig Feedback und Erkenntnisse von Menschen mit Behinderungen, damit sie Teams bei der Entwicklung ihrer Barrierefreiheitslösungen strategische Anweisungen geben kann. Hier sind ein paar Schritte, die Sie jetzt unternehmen können:
Beschriftungstasten
Unbeschriftete Schaltflächen sind eines der häufigsten Probleme, auf die Alisa bei der Durchführung von Web-Barrierefreiheitsprüfungen stößt.
„Wenn Sie auf einer Website eine Schaltfläche einfügen, die Text anzeigt, stellen Sie sicher, dass es sich bei dem Text um einfachen Text und nicht um ein Textbild handelt“, schlägt Alisa vor. „Wenn es sich um ein Textbild handelt“, fährt sie fort, „müssen Sie eine Textalternative bereitstellen, damit jeder, der auf Ihre Website zugreift, Text-to-Speech oder einen Screenreader verwenden kann, um den Inhalt wahrzunehmen und zu verstehen.“
Fügen Sie Beschreibungen zu Bildern hinzu
Apropos Textalternativen: Alternativtext ist eine Möglichkeit, Bilder zu kennzeichnen, damit blinde oder sehbehinderte Personen den Kontext verstehen können. Wenn die Bilder auf Ihrer Website keine Beschreibungen enthalten, riskieren Sie, dass die Leute im besten Fall die volle Wirkung Ihrer Website verpassen und im schlimmsten Fall völlig verwirrt und unfähig sind, sich zurechtzufinden.
Alt-Text ist auch für die Suchmaschinenoptimierung (SEO) von entscheidender Bedeutung, da Google der Barrierefreiheit im Internet Priorität einräumt und sich dem American Disabilities Act verpflichtet hat.
Alisa hat noch einen weiteren Tipp, wenn es um die Erstellung von Alternativtexten geht: Seien Sie kreativ und nutzen Sie die Sprache, um den richtigen Ton, das richtige Gefühl oder die richtige Stimmung zu vermitteln. „Wir sind auf dem Weg zu qualitativ hochwertigen Erlebnissen, anstatt nur sicherzustellen, dass alle Informationen auf der Seite sind“, sagt sie. Beispielsweise zeichnet „Paar auf einem romantischen Strandurlaub“ ein ganz anderes Bild als „Menschen, die am Strand spazieren gehen“, auch wenn die Beschreibung technisch korrekt ist.
Verwenden Sie Überschriften
Wie oft überfliegen Sie schnell eine Seite und notieren sich die Überschriften? Vielleicht haben Sie es sogar getan, als Sie diesen Artikel gelesen haben! Die Verwendung von Überschriften ist im Allgemeinen eine gute Möglichkeit, Informationen zu organisieren, kann jedoch im Hinblick auf die digitale Zugänglichkeit unerlässlich sein.
Für Personen, die nicht in der Lage sind, die Hierarchie der Informationen auf einer Webseite anhand der Farbe oder der Schriftgröße zu visualisieren, ermöglichen Überschriften unterstützenden Technologien wie Bildschirmleseprogrammen, von der Überschrift auf der Seite nach unten zu springen.
Betrachten Sie die Farbe
Wenn es ums Branding geht, sollten Sie Funktionalität über Trendorientierung stellen.
Auch wenn ein Ton-in-Ton-Website-Design momentan ästhetisch ansprechend sein mag, kann es für eine Person mit Sehbehinderung, Legasthenie oder Farbenblindheit völlig unleserlich sein.
- Wählen Sie kontrastreichere Farben
- Stellen Sie sicher, dass die Farbe nicht die einzige Markierung eines interaktiven Elements (z. B. eines Links) ist.
- Vermeiden Sie die Verwendung von Farben, um wichtige Informationen zu vermitteln (z. B. um anzuzeigen, dass etwas „gut“ oder „schlecht“ ist).
Erkennen Sie Mängel an (und planen Sie, diese zu beheben)
Schließlich ist es wichtig, transparent zu sein. Es ist in Ordnung, wenn Sie die digitale Barrierefreiheit im Moment noch nicht vollständig verstanden haben. Aber indem Sie die sich bietenden Chancen erkennen und einen Aktionsplan entwerfen, bauen Sie Vertrauen auf und verpflichten sich zu Verbesserungen.
Dies kann alles bedeuten, von der Aufnahme einer Erklärung zur Barrierefreiheit auf Ihrer Website, einschließlich eines Zeitplans für die von Ihnen zu ergreifenden Maßnahmen, bis hin zum Beginn einer Website-Bewertung.
Und vielleicht haben Sie dank Tyler D'Amore und Alisa Smith bereits alles, was Sie brauchen, um die ersten Schritte zu einem zugänglicheren Erlebnis für Ihre Kunden und deren Kunden zu unternehmen.
Über Tyler D'Amore
Tyler D'Amore ist führend im Bereich Barrierefreiheit und ein lautstarker Verfechter der digitalen Inklusivität. Als Vizepräsident für strategische Partnerschaften bei AudioEye Inc. verfügt Tyler über ein umfassendes Verständnis der rechtlichen und technischen Anforderungen der ADA-bezogenen digitalen Barrierefreiheitsanforderungen. Er ist Mitglied des Mitgliedsausschusses der International Association of Accessibility Professionals und fungierte zuvor als Ausschussvorsitzender.
Über Alisa Smith
Alisa Smith , Accessibility Evangelist bei AudioEye Inc. , ist eine leidenschaftliche Verfechterin der Barrierefreiheit mit einer 20-jährigen Karriere im Technologiebereich, in der sie in den Bereichen Design, Entwicklung und Qualitätssicherung in den Bereichen digitale Märkte, Automobil und Finanzdienstleistungen tätig ist.