Barrierefreie Appentwicklung: Ordnung schaffen im Richtlinien-Chaos

In diesem Artikel erkläre ich, wie Sie mit dem Richtlinien-Chaos in Sachen barrierefreie Appentwicklung umgehen.

In den letzten 3 Artikeln habe ich Richtlinien von Google, Apple und Microsoft wiedergegeben und erklärt. Blöd ist, dass alle 3 Unterschiedlich sind und unvollständig sind.
Deswegen möchte ich mit diesem Artikel eine eindeutige Anleitung geben, wie Sie Apps, egal für welches Betriebssystem, barrierefrei entwickeln können.

Tastatur mit einer Taste auf der Barrierefrei steht
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

„Barrierefreie Appentwicklung: Ordnung schaffen im Richtlinien-Chaos“ weiterlesen

Barrierefreie Appentwicklung: Windows-Apps zugänglicher machen

In diesem Artikel erkläre ich, die wichtigsten Kriterien um Windows-Apps barrierefrei entwickeln zu können.

In diesem Artikel wird beschrieben, wie barrierefreie UWP-Apps (Universelle Windows-Plattform) entwickelt werden können. Insbesondere wird vorausgesetzt, dass Sie wissen, wie Sie die logische Hierarchie für Ihre App entwerfen können. Hier erfahren Sie, wie Sie barrierefreie UWP-Apps für Windows 10 entwickeln, die Tastaturnavigation, Farb- und Kontrasteinstellungen und Unterstützung für Hilfstechnologien enthalten.

Allgemeines zur Appentwicklung für das Microsoft-Betriebssystem Windows

Windows-Apps werden mit der Programmiersprache C# entwickelt.
Als Entwicklungsumgebung wird Visual Studio verwendet.
In diesem Artikel wird beschrieben, wie barrierefreie UWP-Apps (Universelle Windows-Plattform) entwickelt werden können. Insbesondere wird vorausgesetzt, dass Sie wissen, wie Sie die logische Hierarchie für Ihre App entwerfen können. Hier erfahren Sie, wie Sie barrierefreie UWP-Apps für Windows 10 entwickeln, die Tastaturnavigation, Farb- und Kontrasteinstellungen und Unterstützung für Hilfstechnologien enthalten.
Sie sollten drei Dinge tun, um sicherzustellen, dass Ihre App barrierefrei ist:

  • Machen Sie Ihre UI-Elemente auf programmgesteuerten Zugriff verfügbar.
  • Stellen Sie sicher, dass Ihre App die Tastaturnavigation für Personen unterstützt, die keine Maus oder keinen Touchscreen verwenden können.
  • Stellen Sie sicher, dass Ihre App barrierefreie Farbe und Kontrast-Einstellungen unterstützt.
Tastatur mit einer Taste auf der Barrierefrei steht
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

„Barrierefreie Appentwicklung: Windows-Apps zugänglicher machen“ weiterlesen

Barrierefreie Appentwicklung: Android-Apps zugänglicher machen

In diesem Artikel erkläre ich, die wichtigsten Kriterien um Android-Apps barrierefrei entwickeln zu können.

Android-Apps sollten darauf abzielen, von allen verwendet werden zu können, auch von Personen mit Barrierefreiheitsanforderungen.
Menschen mit Sehbehinderung, Farbenblindheit, Schwerhörigkeit, Geschicklichkeit, kognitiven Behinderungen und vielen anderen Behinderungen verwenden Android-Geräte, um Aufgaben in ihrem täglichen Leben zu erledigen. Wenn Sie Apps mit Blick auf Barrierefreiheit entwickeln, verbessern Sie die Benutzererfahrung, insbesondere für Benutzer mit diesen und anderen Barrierefreiheitsanforderungen.

Tastatur mit einer Taste auf der Barrierefrei steht
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

„Barrierefreie Appentwicklung: Android-Apps zugänglicher machen“ weiterlesen

Barrierefreie Appentwicklung: Vortrag von Markus Lemcke zur Bürger-App in Tübingen

Die politische Partei „Demokratie in Bewegung“ hat am 5. März eine Veranstaltung gemacht wegen der Bürger-App in Tübingen. Ich dürfte zu ersten Mal über dass Thema Barrierefreiheit bei Apps referieren.

Die Bürger-App versucht, Bewohner*innen Tübingens mehr in die politischen Entscheidungsprozesse einzubeziehen. Doch ist sie ein visionäres Instrument oder ungerecht und ausgrenzend? Die Partei „Demokratie in Bewegung“ warf einen kritischen Blick auf die App werfen.

So sieht die Web App Marlems Sprechassistent auf einem Ipad aus
Die von Markus Lemcke entwickelte progressive Web App auf einem Ipad

„Barrierefreie Appentwicklung: Vortrag von Markus Lemcke zur Bürger-App in Tübingen“ weiterlesen

Barrierefreie Appentwicklung: IOS-Apps screenreadertauglich entwickeln

In diesem Artikel erkläre ich, die wichtigsten Kriterien um IOS-Apps screenreadertauglich entwickeln zu können.

Was ist Apple bei barrierefreier Appentwicklung besonders wichtig?

Damit eine App barrierefrei ist, muss diese VoiceOver-Benutzern Informationen zu ihren Benutzeroberflächenelementen bereitstellen. Auf hohem Niveau bedeutet dies, dass Sie Folgendes sicherstellen sollten:

  • Auf jedes Benutzeroberflächenelement, mit dem Benutzer interagieren können, kann zugegriffen werden. Dies umfasst Elemente, die lediglich Informationen liefern, wie z. B. statischen Text, sowie Steuerelemente, die Aktionen ausführen.
  • Alle zugänglichen Elemente liefern genaue und hilfreiche Informationen.

Zusätzlich zu diesen Grundlagen können Sie einige Maßnahmen ergreifen, um die Benutzererfahrung eines VoiceOver-Benutzers mit Tabellenansichten zu verbessern und sicherzustellen, dass auf dynamische Elemente in Ihrer Anwendung immer zugegriffen werden kann.

Anmerkung von Markus

VoiceOver ist der Screenreader des Betriebssystems IOS.
Die Richtlinien die hier wiedergegeben werden sind etwas gekürzt, weil sonst der Blogartikel ein Buch wird.

So sieht die App Marlems Sprechassistent auf dem Ipad aus

„Barrierefreie Appentwicklung: IOS-Apps screenreadertauglich entwickeln“ weiterlesen

Barrierefreie Appentwicklung: Warum ist das im Jahr 2020 wichtig?

In diesem Artikel erkläre ich, warum barrierefreie Appentwicklung im Jahr 2020 wichtig ist.

So sieht die Web App Marlems Sprechassistent auf einem Laptop mit Betriebssystem Windows aus
Die Web-App Marlems Sprechassistent auf einen Windows-Laptop.

Warum Sie Ihre IOS-Apps barrierefrei entwickeln

Im Programmierhandbuch von Apple (in englisch: Accessibility Programming Guide for iOS ) steht folgendes:
Sie sollten Ihre iPhone-Anwendung für VoiceOver-Benutzer zugänglich machen, weil:

  • Es erhöht Ihre Benutzerbasis. Sie haben hart gearbeitet, um eine großartige Anwendung zu erstellen. Verpassen Sie nicht die Gelegenheit, es noch mehr Benutzern zur Verfügung zu stellen.
  • Es ermöglicht Benutzern, Ihre Anwendung zu verwenden, ohne den Bildschirm zu sehen. Benutzer mit Sehbehinderungen können Ihre Anwendung mithilfe von VoiceOver verwenden.
  • Es hilft Ihnen dabei, Richtlinien für Barrierefreiheit zu erstellen. Verschiedene Leitungsgremien erstellen Richtlinien für die Barrierefreiheit, und wenn Sie Ihre iPhone-Anwendung für VoiceOver-Benutzer zugänglich machen, können Sie diese erfüllen.
  • Es ist das Richtige.

„Barrierefreie Appentwicklung: Warum ist das im Jahr 2020 wichtig?“ weiterlesen

Barrierefreie Appentwicklung: 10 Tipps für zugängliche progressive Web Apps

In diesem Artikel gebe ich 10 Tipps wie progressive Web Apps zugänglich bzw. barrierefrei entwickelt werden können.

Was sind progressive Web Apps

Eine Progressive Web App ist eine responsive Webseite, die zahlreiche Merkmale besitzt, die bislang nativen Apps vorbehalten waren. Sie kann erstellt werden wie eine Webseite mit HTML5, CSS3 und JavaScript. Die offizielle Abkürzung für Progressive Web App ist PWA.

Was ist barrierefreie App-Entwicklung als progressive Web-Apps?

Barrierefreie App-Entwicklung bedeutet, dass Progressive Web-Apps so entwickelt werden, dass alle Menschen, auch Menschen mit körperlichen Einschränkungen, sie bedienen können.

Tastatur mit einer Taste auf der Barrierefrei steht
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

„Barrierefreie Appentwicklung: 10 Tipps für zugängliche progressive Web Apps“ weiterlesen

Barrierefreie Software- und App-Entwicklung mit HTML, CSS und Javascript im Jahr 2020

In diesem Artikel wird erklärt warum das IT-Unternehmen Marlem-Software barrierefreie Softwareentwicklung und App-Entwicklung anbietet.

Auf der Webseite Udemy habe ich letztes Jahr Javascript gelernt:
Abschlussbescheinigung dass Markus Lemcke einen Onlinekurs belegt hat mit dem Titel: Die komplette Javascript Masterclass

„Barrierefreie Software- und App-Entwicklung mit HTML, CSS und Javascript im Jahr 2020“ weiterlesen

Barrierefreie Informatik – Warum ist das im Jahr 2020 wichtig?

In diesem Artikel erkläre ich warum ich auch ich im Jahr 2020 dafür kämpfen werde, dass die Informatik barrierefrei wird.

Barrierefreiheit in der Informatik – Was ist das?

Barrierefreiheit in der Informatik bedeutet, dass

Computernutzung bei Blindheit und Sehbehinderung
Blinde Personen können Computer mithilfe einer Braillezeile nutzen. Das Computer-Ausgabegerät stellt Zeichen in Brailleschrift dar und wird üblicherweise durch Screenreader angesteuert. Bildquelle: zlikovec – 428299819 / Shutterstock.com

so gestaltet sind, dass sie von allen Menschen, auch von Menschen mit Behinderungen, genutzt werden können.

„Barrierefreie Informatik – Warum ist das im Jahr 2020 wichtig?“ weiterlesen

Screenreader leicht und verständlich erklärt

Blinde und sehbehinderte Menschen arbeiten mit einer Software, die unter dem Oberbegriff Screenreader zusammengefasst wird. Was diese Software macht und wie Sie funktioniert, erfahren Sie hier.

Computernutzung bei Blindheit und Sehbehinderung
Blinde Personen können Computer mithilfe einer Braillezeile nutzen. Das Computer-Ausgabegerät stellt Zeichen in Brailleschrift dar und wird üblicherweise durch Screenreader angesteuert. Bildquelle: zlikovec – 428299819 / Shutterstock.com

Ein Screenreader ist ein Bildschirmleseprogramm. Wenn ein Mensch blind oder sehbehindert ist, heißt das nicht, dass er nicht am PC/Laptop arbeiten kann. Der Screenreader „spielt“ für den blinden oder sehbehinderten Menschen die Augen und liest den Bildschirminhalt. Die Vermittlung der Informationen auf dem Bildschirm können dabei auf zwei verschiedene Arten geschehen:

  • Akustisch: über eine Soundkarte
  • Taktil: über eine Braillezeile

Wenn der gelesene Text über die Soundkarte ausgegeben wird, heißt das, dass der Text dem blinden oder sehbehinderten Menschen vorgelesen wird. Im Fall der Braillezeile kann der Nutzer den Inhalt selbst in Blindenschrift lesen.

Hier noch ein Youtube-Video in dem ich erkläre was ein Screenreader ist:

Zwei Wege der Sprachausgabe

Die akustische Wiedergabe des Bildschirminhalts ist besonders für sehbehinderte Menschen geeignet, deren Sehvermögen noch gut genug ist, dass sie auf Blindenschrift verzichten können. Es gibt zwei Wege, um synthetische Sprache zu erzeugen:

  • Externe Geräte: Diese werden an den Computer angeschlossen und erzeugen die Sprachausgabe unabhängig vom benutzten Endgerät. Dabei werden die Bildschirminformationen vom Endgerät (PC, Tablet, Laptop) auf das externe Ausgabemedium übertragen.
  • Internes Softwareprogramm: Dieses Programm ist in der Regel in den Screenreader integriert und übersetzt die Bildschirminhalte in Sprache. Die Ausgabe erfolgt über die PC-Lautsprecher wahlweise mit oder ohne Kopfhörer.

Synthetische Sprache hat den Nachteil, dass sie sehr maschinell klingt. Das Hauptproblem dieser assistiven Technologie ist zweifellos, mit so produzierter Sprache Gefühle zu transportieren. Das Ergebnis wirkt deshalb nicht immer angenehm und harmonisch. Die Sprachausgabe erfolgt recht monoton ohne Pause oder Betonung. Bei Wörtern, die anders ausgesprochen als sie geschrieben werden, können teilweise Verständnisprobleme auftreten.

Die in die Software integrierte Wörterbuchfunktion kann unverständliche Wörter aber noch einmal nach ihrem Sinn erklären. Diese Funktion ist auch bei Zeichenfolgen wie Smileys oder Abkürzungen sehr hilfreich. Ähnlich wie bei Navigationsgeräten können Benutzer in der Regel zwischen einer Männer- oder Frauenstimme wählen. Über die Einstellungen kann zudem die Lesegeschwindigkeit angepasst werden.

Braillezeilen übersetzen Bildschirminhalte in Blindenschrift

Die Braillezeile ist ein Ausgabegerät, welches den gelesenen Text in Brailleschrift (=Blindenschrift) ausgibt. Die Brailleschrift wird mit Stößel dargestellt, die aus einer Fläche herausragen. Diese herausragenden Stößel bilden die Zeichen der Blindenschrift ab. Der blinde oder sehbehinderte Mensch kann mit seinen Fingerkuppen die Stößel abtasten und somit eine Bildschirmzeile lesen.

Alternativtexte für Bilder und Videos sind wichtig

Da Screenreader nur lesen und nicht sehen können, ist es z. B. wichtig, dass Bilder auf einer Webseite einen Alternativtext haben. Fehlt dieser Alternativtext, wird diese Fläche vom blinden oder sehbehinderten Menschen als „leere“ Fläche wahrgenommen.
Bei Videos verhält es sich genau gleich. Der Screenreader kann ein Video nicht „lesen“. Wenn man auf einer Webseite Videos einbindet, sollte man unter dem Video kurz beschreiben, was auf dem Video zu sehen ist.
Mit oben beschriebener Vorgehensweise können blinde und sehbehinderte Menschen am PC/Laptop arbeiten. Der Screenreader liest den Bildschirminhalt und liest ihn vor oder schickt ihn an die Braillezeile.

Programmoberflächen müssen Text beinhalten

Damit Screenreader Programmoberflächen „lesen“ können, müssen diese so programmiert werden, dass die Oberflächenkomponenten Texte beinhalten, die Sinn und Zweck der Komponente erklären.
Da Screenreader in unterschiedlichen Betriebssystemen anders heißen, hier eine kurze Auflistung:

Betriebssysteme Name des Screenreaders Wo finden Sie den Screenreader
Windows Sprachausgabe Einstellungen -> Erleichterte Bedienung
IOS Voice Over Einstellungen -> Bedienungshilfen
Android Talkback Einstellungen -> Bedienungshilfen oder Eingabehilfe
Ubuntu Bildschirmleser Einstellungen -> Zugangshilfen

Die in der Praxis am meisten verwendeten Screenreader

Die Softwareprogramme für Screenreader gibt es sowohl als kostenlose oder Open-Source-Versionen als auch von kommerziellen Anbietern gegen Bezahlung. Der bekannteste Gratis-Screenreader ist NonVisual Desktop Access (NVDA) für Microsoft Windows. In diesem Blogartikel erkläre ich den Screenreader NVDA. Zusätzlich habe ich im Netz ein Video gefunden, das den NVDA Screenreader ebenfalls erklärt:

Youtube-Video, das den Gebrauch des NVDA Screenreaders in englischer Sprache erklärt.
Zu den bekanntesten kommerziellen Screenreadern gehört die Software Job Access With Speech (JAWS). Die Kosten für die Version Professional liegen bei etwa 900 Euro. Die Home Edition gibt es schon ab etwa 735 Euro.
In diesem Video wird der Screenreader JAWS vorgestellt. Leider habe ich kein deutschsprachiges Video gefunden:

Video-Tutorial in englischer Sprache über die verschiedenen Elemente einer Webseite, einschließlich Links, Überschriften und Dialogboxen und wie JAWS auf diese Elemente zugreift.
Auf meiner Webseite finden Sie weitere nützliche Informationen zum Thema barrierefreies Webdesign.