Cloud-Native

Data & KI

Produktentwicklung

Resilienz & IT-Security

Leistungen

Arbeitsweise

Projekte

Berlin

Bielefeld

Dortmund

Erfurt

Frankfurt am Main

Hamburg

Karlsruhe

Leipzig

München

Münster

Nürnberg

Solingen

Stuttgart

Standorte

Blog

Softwerker

Fachmedien

Webinare

Events

Wissens-Hub

Unsere Kultur

Deine Entwicklung

Jobs

Karriere

Über uns

Aktuelles

Kontakt

International contact

Alle Standorte

Du hast Fragen oder möchtest dich mit mir austauschen? Gern - trag einfach deine Kontaktdaten ein.

Kontakt aufnehmen

Marketing & Community Management

Konntest du keine Einträge zu deinem Thema finden?  

Senior IT-Consultant

Female Dev Club

My Home is my Office – Schöne neue Welt?

Weitere Infos

Details

Sprich mich gern an

Komm zu unserem Meetup, ich freue mich auf den Austausch mit dir! Hast du vorher schon Fragen?

Die Website barrierefrei machen? Bei dem Thema winken viele Unternehmen ab. Für wen denn? Ist doch auch viel zu teuer! Das sind Argumente, die man häufig hört. In diesem Artikel möchte ich darauf eingehen und 3 wichtige Argumente dafür liefern, sein Unternehmen mit einer barrierefreien Website zu repräsentieren.<h2>1. Die Gesetzeslage  </h2>In den vergangenen Jahren haben sich die Gesetze zur Barrierefreiheit verschärft. In Deutschland trat 2019 eine <a href="https://www.bundesfachstelle-barrierefreiheit.de/DE/Themen/EU-Webseitenrichtlinie/BGG-und-BITV-2-0/Die-neue-BITV-2-0/die-neue-bitv-2-0_node.html">neue Version der BITV</a> in Kraft, die die Barrierefreiheit von Anwendungen öffentlicher Stellen regelt. Dabei geht es nicht nur um externe Websites, sondern auch um interne Apps. Stichtag dabei war der 23. Juni 2021.Auch auf die Privatwirtschaft kommen Verschärfungen zu. Die EU-Richtlinie 2019/882 sieht weitreichende Regelungen zur Barrierefreiheit von Websites privater Anbieter vor. Die Richtlinie ist allerdings noch nicht in deutsches Recht überführt; man hat hier noch ein paar Jahre Luft.In den anderen Ländern der EU sieht es ähnlich aus; Grossbritannien und die USA haben sogar schärfere Gesetze.Es lohnt sich also, sich um die Barrierefreiheit seiner Anwendung zu bemühen, um für die Gesetzeslage gewappnet zu sein.<h2>2. Breitere Nutzerbasis erschließen</h2>Viele Leute haben die Vorstellung, dass Barrierefreiheit nur eine kleine Gruppe von Menschen betrifft. Dabei profitieren viel mehr Nutzer von einer barrierefreien Seite als man denkt. In der EU gibt es ca. 80 Millionen Menschen mit einer Beeinträchtigung, die auf vielfältige Weise Probleme mit einer Website oder Webanwendung haben können. Dazu kommen viele ältere Nutzer, die vielfältige Einschränkungen haben können, ohne dass sie offiziell als beeinträchtigt gelten. Ca. 1/5 der Einwohner der EU ist mittlerweile 65 Jahre oder älter; mit steigender Tendenz.Mit einer barrierefreien Website kann man sich also einen großen Kreis neuer Nutzer und potentieller Kunden erschließen.<h2>3. Bessere Nutzbarkeit für alle Nutzer</h2>Hartnäckig hält sich das Gerücht, dass barrierefreie Websites häßlich und altmodisch sind. Geschuldet ist das älteren Websites, die unter Barrierefreiheit vor allem extremen Kontrast und riesige Schrift verstehen. Bei modernen Websites sieht das anders aus.Die Anforderungen an die Barrierefreiheit einer Website sind in weithin anerkannten Richtlinien definiert: den <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">WCAG</a> . Diese bilden auch die Grundlage für die weiter oben erwähnten Gesetze. Dabei werden die Belange von Nutzern mit verschiedenen Beeinträchtigungen berücksichtigt.Viele der Richtlinien sind aber auch für “Normalos” ein Gewinn:Ein gutes Beispiel dafür ist der Kontrast. Eine barrierefreie Website muss bestimmte Kontrastkriterien erfüllen. Auch ohne Sehbeeinträchtigung ist das nützlich, wenn man z.B. die Website auf dem Smartphone im Sonnenlicht betrachtet.Untertitel in Videos helfen Menschen mit Hör- oder kognitiven Problemen. Aber viele Menschen schalten auch Untertitel ein, wenn sie in einer lauten Umgebung sind, oder wenn sie die Sprache nicht gut beherrschen.Viele der Anforderungen für Nutzer mit kognitiven Einschränkungen reduzieren die Komplexität der Seite. Dazu gehören klare Strukturen und Navigation, Erklärungen für Formularfelder und vorhersehbares Verhalten. All das verbessert auch die allgemeine Benutzbarkeit der Seite.Barrierefreiheit geht also Hand in Hand mit der Benutzerfreundlichkeit der Website.<h2>Die Kosten</h2>Das gewichtigste Argument dagegen, eine Website barrierefrei zu machen, sind die Kosten. Je nach Zustand und Größe der Seite, können die Kosten tatsächlich beträchtlich sein. Am billigsten ist es, wenn man Barrierefreiheit von Anfang an berücksichtigt. Aber auch bei höheren Kosten überwiegt der Nutzen: <a href="https://bighack.org/business-case-accessibility-6-companies-who-boosted-business-with-accessibility/">verschiedene Studien</a> haben gezeigt, dass Firmen ihren Profit mit einer barrierefreien Website oder Anwendung nachweislich steigern konnten.<h2>Fazit</h2>Barrierefreiheit ist ein komplexes Thema, das immer wichtiger wird. Um es richtig anzugehen, ist es unumgänglich, sich mit Richtlinien und Nutzerbedürfnissen auseinander zu setzen. Doch es lohnt sich: Eine barrierefreie Website funktioniert unter den unterschiedlichsten Bedingungen und ist einfach zu bedienen. Deswegen profitieren am Ende alle Nutzer davon.

3 gute Gründe für eine barrierefreie Website

Beschäftigt man sich mit dem Thema Barrierefreiheit im Netz, kommt man an den <a href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web Content Accessibility Guidelines (WCAG)</a> nicht vorbei. Sie sind DIE Standardrichtlinien für Barrierefreiheit im Netz. Außerdem sind sie die Basis für Gesetze über Barrierefreiheit weltweit und sogar <a href="https://www.iso.org/standard/58625.html">ISO-zertifiziert</a> .Leider sind sie auch sehr umfangreich und nicht einfach zu lesen. Der folgende Artikel bietet einen Einstieg in den Inhalt.  <h2>Hintergrund</h2>Die WCAG werden von der Web Accessibility Initiative (WAI) des World Wide Web Consortiums (W3C) herausgegeben. Das W3C erkannte den Bedarf für den Abbau von Barrieren schon sehr früh: Die Version WCAG 1.0. wurde im Mai 1999 publiziert. Die schnelle technische Weiterentwicklung machte bald eine Überarbeitung nötig: Version 2.0 erschien im Dezember 2008, und wurde im Juni 2018 mit Version 2.1 erweitert. Die Version 2.2 wird 2022 erwartet.<h2>Aufbau der Richtlinien</h2>Die Gliederung der WCAG erfolgt in mehreren Schritten: Auf oberster Ebene  gibt es die vier Prinzipien wahrnehmbar, bedienbar, verständlich und robust. Diese sind weiter unterteilt in insgesamt 13 Richtlinien. Zur Erfüllung dieser Richtlinien gibt es dann insgesamt 78 Erfolgskriterien (in WCAG 2.1). Zusätzlich gibt es zu jedem Erfolgskriterium sogenannte „Techniken”: Vorschläge zur konkreten Umsetzung. Auf den ersten Blick ist die Menge an Kriterien also ziemlich erschlagend. Damit eine Website als barrierefrei gilt, müssen allerdings nicht immer alle Erfolgskriterien erfüllt werden. Die Kriterien sind in drei Konformitätsstufen (A, AA und AAA) unterteilt. Je nachdem, welche Konformitätsstufe erreicht werden soll, müssen nur die entsprechenden Kriterien der Stufe und den darunter liegenden Stufen erfüllt werden.Stufe A stellt dabei die Mindestanforderungen für Barrierefreiheit dar. Mit  Stufe AA kann man einen akzeptablen Level der Barrierefreiheit erreichen, und Stufe AAA ist das Maximum. Im Allgemeinen wird Stufe AA angestrebt. Diese Stufe wird auch in der EU-Norm 301 549 erwähnt, welche die Grundlage für Gesetze wie das <a href="https://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html">BITV</a> darstellt.Nach so viel Theorie zu den WCAG schauen wir uns jetzt endlich konkret an, worum es in den Richtlinien überhaupt geht.<h2>Prinzip 1: Wahrnehmbar</h2>Im ersten Prinzip der WCAG geht es darum, dass alle Informationen auf einer Website jedem Nutzer zugänglich gemacht werden. Es zielt also vor allem auf die Darstellung ab. Zwei der enthaltenen Richtlinien (1.1, 1.2) drehen sich um die Bereitstellung von Alternativen zu nicht-textuellen Inhalten wie Captchas, Bildern, Videos oder Audio. In 1.3 geht es um die Anpassung der Darstellung. Alle Informationen sollen auch noch wahrnehmbar und verständlich gegliedert sein, wenn man die Website mit technischen Hilfsmitteln wie einem Screenreader abruft.Die letzte Richtlinie, 1.4, bezieht sich auf die Unterscheidbarkeit der dargestellten Elemente. Darunter fallen unterschiedliche Erfolgskriterien, wie die Festlegung von Minimalkontrast und Minimalauflösung, Möglichkeiten, die Textgröße zu ändern oder automatisch abspielendes Audio anzuhalten.<h2>Prinzip 2: Bedienbar</h2>Das Prinzip „Bedienbar” besagt, dass alle Komponenten der Benutzeroberfläche für alle Nutzer bedienbar sein sollen.Hierunter fällt zum Einen die Bedienbarkeit mit dem Keyboard (2.1): jeglicher Inhalt und jegliche Interaktion muss mit dem Keyboard erreichbar sein. Weiterhin müssen langsamere Nutzer genug Zeit bekommen, um mit der Website zu interagieren (2.2). Inhalte, die physische Reaktionen hervorrufen können, müssen vermieden werden (2.3). Darüber hinaus muss die Website auf verschiedene Weise navigierbar sein (2.4) und es dem Nutzer leicht machen, sie mit verschiedenen Zeigegeräten (Maus, Touch, Spracheingabe) zu bedienen (2.5).<h2>Prinzip 3: Verständlich</h2>Bei dem Prinzip „Verständlich” geht es um die Verständlichkeit der Website. Der Nutzer muss nicht nur die Inhalte, sondern auch die Struktur und Navigation verstehen können.Dafür gibt es drei Richtlinien. 3.1 besagt, dass die Sprache der Inhalte erkennbar sein soll und es Hilfestellung für ungewöhnliche Wörter, Abkürzungen usw. gibt. Weiterhin sollen die Interaktionen mit der Website vorhersehbar sein (3.2): z.B. sollen Nutzer nicht unbewusst ein Formular absenden. Die dritte Richtlinie, 3.3, zielt darauf ab, Nutzern die Eingabe von Daten möglichst einfach zu machen. Dazu gehören klare Labels an Formularfeldern und die Verhinderung von Fehleingaben.<h2>Prinzip 4: Robust</h2>Im letzten Prinzip geht darum, dass die Website mit gängigen Browsern und assistierenden Technologien kompatibel ist. Natürlich sind diese Technologien im ständigen Wandel. Deswegen zielt das Prinzip nicht auf vollständige Kompatibilität ab. Nur ein Maximum soll erreicht werden. Die Erfolgskriterien unter diesem Prinzip (4.1.1 – 4.1.3) schreiben vor, dass das HTML semantisch und valide sein sollte.<h2>Zusammenfassung</h2>In diesem Artikel habe ich die WCAG, die wichtigsten Richtlinien für Barrierefreiheit im Netz, kurz vorgestellt. Zur tiefergehenden Beschäftigung mit dem Thema empfehle ich die Projektseiten des W3C, insbesondere die <a href="https://www.w3.org/WAI/WCAG21/quickref/">Schnellreferenz</a> .

WCAG – Die Richtlinien für Barrierefreiheit erklärt

Vielen Dank für deine Anfrage. Ich melde mich bei dir.

Vielen Dank für deine Anmeldung. Eine E-Mail zur Bestätigung ist zu dir unterwegs.

Diese Seite ist eine Vorschau. \nKlicken Sie hier\n, um den Vorschaumodus zu verlassen.

Zu deiner Suche haben wir leider keine passenden Blogartikel gefunden. 

Du hast noch Fragen zu diesem Thema? Dann sprich mich einfach an.

Die \nDatenschutzerklärung\n der codecentric AG habe ich zur Kenntnis genommen und bestätige das mit der Absendung des Formulars.*

Entdecke spannende weiterführende Themen und lass dich von der codecentric Welt inspirieren.

Ich möchte eure Inhalte abonnieren. Diese Einwilligung kann ich jederzeit widerrufen bzw. den Blog Newsletter abbestellen. Die Datenschutzerklärung habe ich gelesen. Ich bin damit einverstanden, dass die codecentric AG, Hochstr. 11, 42697 Solingen, mich über eigene Dienstleistungen, branchenrelevante Events, Webinare und Publikationen der codecentric AG über die von mir angegebene E-Mail-Adresse informiert. Meine Einwilligung ist freiwillig. Ich kann meine Einwilligung jederzeit mit Wirkung für die Zukunft widerrufen (z.B. über den hierfür vorgesehenen Abmeldelink in unserem Newsletter, per E-Mail an datenschutz@codecentric.de oder per Post an die oben genannte Adresse der codecentric AG) erklären. Weitere Hinweise zur Verarbeitung meiner personenbezogenen Daten und zu meinen Rechten als betroffene Person finde ich hier: \nhttps://www.codecentric.de/datenschutzerklaerung\n

Bitte wähle deine/n gewünschte/n Standort/e aus.

Wir möchten dich als Mensch kennenlernen. Erzähle uns, wer du bist, worauf du Wert legst, wie du gerne arbeitest und was du von uns als Arbeitgeber erwartest.

Bitte füge deine Bewerbungsunterlagen ​(mind. Lebenslauf, gerne auch mehr)​​ ​als eine ​PDF-​Datei ​hinzu.

Ich habe die \nDatenschutzbestimmungen\n und die Einwilligung in die Datenverarbeitung gelesen und stimme diesen zu.*

Job application form field placeholder 10

Keine passende Rolle gefunden? Bewirb dich bitte trotzdem initiativ! Jenseits von starren Schubladen zählen für uns vielmehr Motivation, Kompetenz und der Cultural Fit.

Job application form field placeholder 11

Dies ist ein Pflichtfeld, bitte fülle es aus.

Kontakt

Absenden

My Home is my Office – Schöne neue Welt?

Female Dev Club

Weitere Infos

Details

Sprich mich gern an

Gemeinsam bessere Projekte umsetzen.

Wir helfen deinem Unternehmen.

Unsere Leistungen

Hilf uns, noch besser zu werden.

Zu den Jobangeboten