In diesem Blogartikel wird erklärt, was digitale Barrierefreiheit ist und warum das im Jahr 2025 wichtig wird.
Digitale Barrierefreiheit bedeutet, dass alle Menschen, unabhängig von ihren Fähigkeiten oder Einschränkungen, digitale Inhalte wie Webseiten, Apps und Software problemlos nutzen können. Dies ist wichtig, da immer mehr Menschen online arbeiten, kommunizieren und einkaufen. Ab 2025 wird dies besonders wichtig, da es gesetzliche Regelungen gibt, die Unternehmen dazu verpflichten, ihre digitalen Angebote barrierefrei zu gestalten.
Was ist digitale Barrierefreiheit?
Für eine inklusive Zukunft muss digital der Zugang für alle Menschen gewährleistet sein. Inklusion digital bedeutet, dass Personen mit und ohne Behinderung die gleichen Websites, Software und Apps nutzen.
Digitale Barrierefreiheit bedeutet, dass Webseiten, Software und Apps so entwickelt werden, dass sie für alle Menschen, auch für Menschen mit Behinderungen und anderen körperlichen Einschränkungen bedienbar sind. Dazu gehört zum Beispiel, dass blinde Menschen eine Webseite mit einem Screenreader lesen können oder dass Videos Untertitel haben, damit auch gehörlose Menschen den Inhalt der Videos wahrnehmen können.
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com
In diesem Artikel gibt es eine ausführliche Anleitung, wie Sie eine barrierefreie WordPress-Webseite erstellen.
Was ist WordPress?
WordPress ist ein praktisches Werkzeug, das es einfach macht, eigene Webseiten zu erstellen und zu verwalten. Man muss nicht programmieren können, um es zu nutzen. Es ist sehr benutzerfreundlich und lässt sich leicht verändern, sodass Sie Ihre eigenen Texte, Bilder und Videos hinzufügen und ändern können. Dank vieler verschiedener Designs und zusätzlicher Funktionen, die man hinzufügen kann, ist WordPress für alles Mögliche geeignet – von kleinen persönlichen Weblogs bis hin zu großen Firmenwebseiten.
Barrierefreies Webdesign – Definition und Umsetzung
Barrierefreies Webdesign bedeutet, dass Webseiten so erstellt bzw. programmiert werden, dass sie für alle Menschen, auch Menschen mit Behinderungen, bedienbar und wahrnehmbar sind. Eine solche Webpräsenz beinhaltet Features wie Alternativtexte für Grafiken, intuitive Menüführung und optimierte Farbkontraste. WordPress unterstützt dies durch zahlreiche barrierefreie Plugins und Werkzeuge, die Konformität mit gesetzlichen Bestimmungen und Richtlinien gewährleisten. Barrierefreies Webdesign ist inzwischen selbstverständlich geworden. In guten Büchern über Webdesign gibt es regelmäßig ein eigenes Kapitel über barrierefreies Webdesign. Auf meinem ganzen Weblog ist barrierefreies Webdesign umgesetzt.
Ziel dieses Artikels
In diesem Artikel zeige ich Ihnen Schritt für Schritt, wie Sie Ihre WordPress-Webseite für alle Besucher einer Webseite benutzbar machen können, auch für jene mit verschiedenen Einschränkungen. Ich schätze WordPress sehr, denn es erlaubt jedem – auch ohne Programmierkenntnisse und unabhängig vom Budget – eine eigene Internetseite zu gestalten. Es ist mir ein besonderes Anliegen, dass wirklich jeder in der Lage ist, seine Ideen und Projekte online zu teilen. Indem wir unsere Webseiten barrierefrei gestalten, stellen wir sicher, dass sie von mehr Menschen gelesen und genutzt werden können.
Barrierefreiheit wird oft auch als Zugänglichkeit bezeichnet. Diesen Begriff werden Sie auch in diesem Artikel an der einen oder anderen Stelle finden.
Richtlinien für Barrierefreiheit
Die EN 301 549 ist in Deutschland und der EU maßgebend, international gelten die Web Content Accessibility Guidelines (WCAG) 2.2. Diese standardspezifischen Richtlinien bzw. Leitlinien sollen garantieren, dass eine WordPress-Website sämtliche Anforderungen zur Einbeziehung von Webseitenbesucher mit Behinderungen berücksichtigt.
WordPress ermöglicht es, Alternativtexte für Bilder festzulegen, was für blinde Menschen sehr wichtig ist.
In diesem Blogartikel erkläre ich die barrierefreie Softwareentwicklung mit der Programmiersprache Python und dem Framework Qt, dass die plattformunabhängige Entwicklung für Desktop-, Embedded- und Mobilanwendungen unterstützt.
Barrierefreie Softwareentwicklung mit Python und Qt6 nach EN 301 549 und WCAG 2.2 – um was geht in diesem Artikel?
In diesem Blogartikel erfahren Sie, wie Sie Barrierefreiheit bei Software mit der Programmiersprache Python und dem grafischen FrameWork Qt erstellen können. Ich gebe Ihnen als Experte wertvolle Tipps und Techniken, um sicherzustellen, dass Ihre Anwendungen für alle Benutzer zugänglich und nutzbar sind. Erfahren Sie mehr über die besten Praktiken für barrierefreie Softwareentwicklung und wie Python und Qt Ihnen dabei helfen kann. Starten Sie jetzt und verbessern Sie die Benutzererfahrung für alle!
Barrierefreie Softwareentwicklung – Eine Einführung
Barrierefreie Softwareentwicklung bedeutet, dass Software so gestaltet wird, dass sie von allen Menschen genutzt werden kann, unabhängig von etwaigen Behinderungen oder körperlichen Einschränkungen. In diesem Blogartikel geht es um barrierefreie Softwareentwicklung mit der Programmiersprache Python.
Barrierefreiheit bei Software sorgt dafür, dass Ihre Software und mehr Nutzer mit unterschiedlichen Behinderungen bedient werden kann. Nutzer die blind sind, Nutzer mit Sehbehinderung, Nutzer mit körperlich eingeschränkten Händen und Nutzer mit einer Farbfehlsichtigkeit können Ihre Software bedienen.
In diesem Blogartikel untersuche ich ob die Entwicklungsumgebung Visual Studio Code barrierefrei ist.
Was ist eine Entwicklungsumgebung?
Eine Entwicklungsumgebung (auch IDE, kurz für Integrated Development Environment) ist so etwas wie ein digitaler Arbeitsplatz für Programmierer. Stellen Sie sich vor, Sie möchten ein Haus bauen. Anstatt jedes Werkzeug und Material einzeln zu suchen und zu benutzen, könnten Sie einen Werkzeugkasten haben, der alles, was Sie benötigen, an einem Ort bereithält.
Genau das macht eine Entwicklungsumgebung für Programmierer. Sie kombiniert verschiedene Tools, die benötigt werden, um Software zu schreiben, zu testen und zu debuggen. Das beinhaltet normalerweise einen Code-Editor, indem Sie Ihren Programmcode schreiben, einen Compiler oder Interpreter, der Ihren Code in ausführbaren Code umwandelt, und oft auch Debugging-Tools, mit denen Sie Fehler im Code finden und beheben können,
Die Entwicklungsumgebung hilft also dabei, den Prozess des Programmierens zu erleichtern, indem sie alle notwendigen Werkzeuge an einem Ort zusammenführt und so die Effizienz steigert. Es ist sozusagen wie ein spezieller Arbeitsplatz für Programmierer, um ihre Software zu erstellen.
Was ist Visual Studio Code?
Visual Studio Code (VS Code) ist eine kostenlose, benutzerfreundliche und leistungsstarke Code-Editor-Software, die von Microsoft entwickelt wurde. Sie ist besonders für das Schreiben, Bearbeiten und Debuggen von Computerprogrammen geeignet.
Ich nutze Visual Studio Code für Web-Programmierung, also Internetseiten und progressive Web Apps. Es ist aber auch möglich mit Visual Studio Code Python-Programme zu schreiben. Auf dem Bild ist die Entwicklungsumgebung Visual Studio Code mit der Webseiten und Python-Programme entwickelt werden können
In diesem Blogartikel erkläre ich, wie Sie mithilfe von ChatGPT innerhalb von 60 Sekunden Rechtschreib- und Tippfehler verbessern können bei automatisch erstellten YouTube-Untertitel.
Warum sind Untertitel in YouTube-Videos wichtig?
Es gibt Menschen, die gehörlos sind. Für sie ist es unmöglich, ein YouTube-Video anzusehen, in dem nur gesprochen wird, da sie gesprochene Worte nicht hören können. Ältere Menschen neigen dazu, beim Fernsehen den Untertitel einzublenden, da mit dem Alter die Hörleistung nachlässt. Es gibt also Personengruppen, die entweder gar nichts oder schlecht hören können. Untertitel sind für diese Gruppen bei YouTube-Videos wichtig.
Es existiert eine europäische Richtlinie für Barrierefreiheit bei Webseiten, Software, Apps und Hardware, genannt EN 301 549. Diese Richtlinie umfasst unter anderem den Prüfschritt 7.1.1 Wiedergabe von Untertiteln. Gemäß dieser Richtlinie müssen Videos Untertitel bereitstellen.
Mit einem Mausklick auf „ALS TEXT BEARBEITEN“ wird der ganze Untertitel ohne Zeiten angezeigt.
In diesem Blogartikel erkläre ich sehr ausführlich wie Sie Web Formulare barrierefrei programmieren / coden können.
Web-Formulare sind noch immer sehr wichtig. Leider ignorieren die gängigen Anleitungen wie man Web-Formulare programmieren soll, die Barrierefreiheit. Gemeindeverwaltungen, Landratsämter, Finanzämter und Regierungspräsidien sind aber nach § 12a Barrierefreie Informationstechnik Behindertengleichstellungsgesetz – BGG zur digitalen Barrierefreiheit verpflichtet. Deswegen zeige ich in diesem Blogartikel wie ein barrierefreies Web-Formular mit HTML und CSS programmiert wird nach der europäischen Norm 301 549.
Das IT-Unternehmen Marlem-Software hat eine neue barrierefreie progressive Web App entwickelt, das Computerspiel Türme von Hanoi. Die App heißt „Marlems Türme von Hanoi“.
Progressive Web App – Was ist das?
Eine progressive Web App ist eine Webseite, die zahlreiche Merkmale besitzt, die bislang nativen Apps vorbehalten waren. Die Abkürzung für Progressive Web App ist PWA.
Eine PWA wird mit HTML, CSS und Javascript entwickelt. Durch sogenannte Service Worker ist es möglich, dass Progressive Web Apps ohne Internetverbindung genutzt werden können. Mit Hilfe einer Manifest-Datei ist es möglich, dass eine Progressive Web App genauso aussieht wie eine Native App. Progressive Web Apps sind plattformunabhängig, dass bedeutet, sie können auf allen Betriebssystemen eingesetzt werden.
Progressive Web Apps im Browser ausführen
Progressive Web Apps können im Browser ausgeführt werden oder installiert werden. Da progressive Web Apps von Google entwickelt wurden, bietet sich der Browser Google Chrome an. Im Betriebssystem IOS empfehle ich den Browser Safari. Die Web-Adresse vom Marlems Türme von Hanoi ist www.tuerme-von-hanoi.de .
Wie werden progressive Web-Apps „installiert“?
Alle Browser von Desktop und Mobilgeräten, egal ob im Betriebssystem Windows, Ubuntu, Android oder im Betriebssystem IOS haben ein Menü „App installieren“ oder „Zum Startbildschirm hinzufügen“ oder „Zum Home-Bildschirm“. Mit dieser Funktion kann eine Progressive Web App als Symbol auf den Startbildschirm angelegt werden.
Progressive Web-Apps können auch auf PCs oder Laptops in Browsern aufgerufen werden. Wenn eine progressive Web-App bestimmte Anforderungen erfüllt, dann gibt es im Browser Google Chrome und im Browser Edge ein Menü „… installieren“ oder „App installieren“.
In diesem Blogartikel wird erklärt, wie Sie eine progressive Web App in unterschiedlichen Betriebssystemen installieren können: Progressive Web Apps installieren in den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS
Die App wurde erfolgreich getestet
Die App wurde erfolgreich in folgenden Betriebssystemen mit folgenden Browsern getestet:
Kurs in der Volkshochschule Reutlingen als Dozent für Microsoft Excel VBA war Anstoß für YouTube-Videos und Blogartikel
Der Volkshochschule Reutlingen ist die Gleichstellung von behinderten Menschen und die Inklusion sehr wichtig. Deswegen stehe ich seit mehreren Jahren als Dozent im Programm der Volkshochschule Reutlingen mit mehreren Kursen. Vor 4 Wochen bekam ich eine Mail von der Volkshochschule Reutlingen, dass mein Kurs „Programmieren mit MS-Excel VBA“ stattfindet. Da ich für die Kurteilnehmer Kursunterlagen erstellen musste, hatte ich jetzt genug Material um YouTube-Videos und einen Blogartikel über Programmieren mit Excel VBA zu erstellen. Wegen Corona, fand mein Kurs über Zoom statt und war somit auch eine Art Online-Kurs!
In diesem Artikel erkläre ich, warum Untertitel bei Videos wichtig sind.
Was sind Untertitel?
Untertitel sind Texte. Die Texte beschreiben, was in einem Video, Fernsehfilm oder Kinofilm zu sehen ist.
Untertitel sind für die Barrierefreiheit wichtig
Für gehörlose Menschen ist es wichtig, dass Videos, Fernsehfilme und Kinofilme Untertitel haben, damit sie deren Inhalt mitbekommen.
In der europäischen Norm 301 549 gibt es in Kapitel 7 mehrere Prüfungsschritte, bei denen es um Untertitel geht.
In diesem Blogartikel möchte ich jedoch nicht die Barrierefreiheit in den Mittelpunkt stellen, sondern 8 allgemeine Gründe angeben, warum Untertitel bei Videos wichtig sind.
Untertitel bei YouTube-Videos helfen zum Beispiel gehörlose Menschen.
Vor ca. 10 Jahren begann mein Interesse für barrierefreies Webdesign. Hier im „Schwabenländle“ gibt es noch immer viele Leute die so gar keine Ahnung haben um was es eigentlich geht wenn ich über Webdesign für Menschen mit Behinderungen rede. Deswegen schreibe ich nochmal einen ausführlichen Blogartikel in dem ich erkläre was behindertengerechtes Webdesign bedeutet und warum es wichtig ist, dass ALLE Seiten im Internet auf barrierefrei werden! Das Thema Barrierefreiheit bei Webdesign wird immer wichtiger, weil es auch ältere Menschen betrifft. Weil es mir sehr wichtig ist, damit Sie barrierefreies Webdesign verstehen, wird dieser Artikel sehr ausführlich. Das Thema barrierefreies Webdesign bzw. nutzbares Internet oder “Barrierefreiheit Internet” wird immer wichtiger. Aktion Mensch setzt sich auch stark dafür ein, dass Seiten im Internet frei von Barrieren gestaltet werden.
Definiton
Barrierefreiheit bedeutet ohne Hindernisse. Barrierefreiheit gibt es bei Gebäuden, auf der Straße oder in der EDV. Barrierefreiheit in der EDV bedeutet, dass Websites und Software barrierefreier gestaltet sind, dass Menschen mit unterschiedlichen Einschränkungen die Webseite / Software bedienen können.
Behindertengerechtes Webdesign bedeutet, dass eine Webseite so gestaltet ist, dass sie auch für Menschen mit körperlichen und geistigen Beeinträchtigungen wahrnehmbar ist. Es geht also darum dass Websites für alle Menschen wahrnehmbar und erfahrbar sind. Oft kommt auch der Begriff Barrierefreies Internet oder Barrierefreiheit Internet oder barrierefreie Webseiten / Websites / Internetseiten oder accessibility (=Zugänglichkeit) bei Webauftritten oder behindertengerechtes Webdesign anstelle von barrierefreies Webdesign vor. Dies meint aber das Gleiche.
