HTML lernen leicht gemacht: Barrierefreiheit (Accessibility)

In diesem Blogartikel erkläre die Grundlagen der Barrierefreiheit bei Internetseiten.

Begrifflichkeiten

Barrierefreiheit und Accessibility bedeuten im Grunde dasselbe, sie beschreiben das Konzept, dass etwas für alle Menschen zugänglich und nutzbar sein sollte, unabhängig von möglichen Einschränkungen oder Behinderungen. Der Unterschied liegt hauptsächlich in der Sprache:

Barrierefreiheit:

    • Dies ist der deutsche Begriff.
    • Er beschreibt, dass keine Hindernisse oder Barrieren bestehen, die Menschen davon abhalten, eine Webseite, ein Gebäude oder einen Dienst zu nutzen.
    • Beispiel: Eine Webseite ist barrierefrei, wenn sie für Menschen mit Sehbehinderungen oder motorischen Einschränkungen zugänglich ist.

Accessibility:

  • Dies ist der englische Begriff.
  • Er wird oft im internationalen Kontext und in technischen Dokumentationen verwendet.
  • Beispiel: In der Webentwicklung sprechen wir von „Web Accessibility“, wenn wir sicherstellen, dass Webseiten für alle Benutzer, einschließlich Menschen mit Behinderungen, zugänglich sind.
Tastatur mit einer Taste auf der Barrierefrei steht
Quelle: Edler von Rabenstein – 252045538 / Shutterstock.com

„HTML lernen leicht gemacht: Barrierefreiheit (Accessibility)“ weiterlesen

Python programmieren trotz Handicap – Barrierefreiheit der Entwicklungsumgebung PyCharm 2022.2.3

In diesem Blogartikel erkläre ich die Anpassungsmöglichkeiten für Menschen mit Behinderungen bei der Entwicklungsumgebung PyCharm 2022.2.3.

Was ist IDE?

DIE ist die Abkürzung für integrated development environment. Dies ist der englische Begriff für Entwicklungsumgebung. PyCharm ist eine IDE !

Dokumentation zur Barrierefreiheit der Entwicklungsumgebung PyCharm

Pycharm wird entwickelt von Jetbrains. Auf der Webseite von Jetbrains gibt es eine englischsprachige Dokumentation zur Entwicklungsumgebung PyCharm.
Hier der Link: Accessibility features | PyCharm

Wenn Sie in Englisch nicht so fit sind, können Sie im Browser Google Chrome wie folgt die Webseite ins deutsche übersetzen lassen.

Wenn Sie diese Seite im Browser Google Chrome öffnen, gibt es im Kontextmenü einen Menüpunkt „Auf Deutsch übersetzen“. Das Kontext-Menü können Sie mit dem Tastenkürzel Umschalt + F10 aufrufen. Mit diesem Kontextmenü können Sie diese englischsprachige Webseite ins Deutsche übersetzen.

Folgende Themen finden Sie auf dieser Seite:

  • PyCharm ist mit den Screenreadern NVDA und JAWS bedienbar
  • Es können Farbanpassungen gemacht werden
  • Toolfenster können in der Größe angepasst werden
  • Die Textgröße kann angepasst werden
  • Tastenkürzel können angepasst werden
  • Die automatische Codevervollständigung kann deaktiviert werden
  • Ein hohes Kontrast-Theme kann ausgewählt werden

„Python programmieren trotz Handicap – Barrierefreiheit der Entwicklungsumgebung PyCharm 2022.2.3“ weiterlesen

5 barrierefreie Apps entwickelt von Marlem-Software im Jahr 2022

Das IT-Unternehmen Marlem-Software hat von Januar bis Juli 5 barrierefreie Apps entwickelt.

Gesetzliche Verpflichtung zum Einsatz von barrierefreien Apps

Im Gesetz zur Gleichstellung von Menschen mit Behinderungen (Behindertengleichstellungsgesetz – BGG)
§ 12a Barrierefreie Informationstechnik steht Folgendes:

(1) Öffentliche Stellen des Bundes gestalten ihre Websites und mobilen Anwendungen,
einschließlich der für die Beschäftigten bestimmten Angebote im Intranet, barrierefrei.
Schrittweise, spätestens bis zum 23. Juni 2021, gestalten sie ihre elektronisch unterstützten Verwaltungsabläufe, einschließlich ihrer Verfahren zur elektronischen Vorgangsbearbeitung und elektronischen Aktenführung, barrierefrei. Die grafischen Programmoberflächen sind von der barrierefreien Gestaltung umfasst.

Quelle: Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik

Öffentliche Stellen des Bundes sind gesetzlich dazu verpflichtet, Apps einzusetzen, die barrierefrei sind. Eine Suche mit der Suchmaschine Google nach
barrierefreie appentwicklung
barrierefreie apps

zeigt, dass die öffentlichen Stellen des Bundes nicht gewillt sind, ihrer gesetzlichen Verpflichtung nachzukommen.
Deswegen habe ich beschlossen, dass ich dieses Jahr viele barrierefreie Apps entwickle, damit das Thema in der Gesellschaft ankommt.

Wann sind Apps barrierefrei?

Was bedeutet der Begriff „barrierefreie Apps“?
Eine App ist dann barrierefrei, wenn sie für Menschen mit unterschiedlichen körperlichen Einschränkungen oder Behinderungen nutzbar sind.

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

„5 barrierefreie Apps entwickelt von Marlem-Software im Jahr 2022“ weiterlesen

Android: Texte sprechen statt schreiben

In diesem Artikel erkläre ich, wie Sie bei Smartphones oder Tablets mit Betriebssystem Android Texte sprechen können statt schreiben.

Gründe, warum Sprechen statt schreiben wichtig ist

Meine Rechte Hand ist wegen meiner Behinderung so stark eingeschränkt. Mit Ihr kann ich keine Hardware oder Bildschirmtastatur bedienen. Ich tippe Texte mit meiner linken Hand. Die dürfte ich eine Woche nur sehr wenig bewegen …
Wenn ein Mensch ohne Behinderung, der Rechtshänder ist, sich den rechten Arm bricht, hat er genau die gleiche Situation.
Ist in solch einer Situation das Schreiben von Mails, SMS-Nachrichten, WhatsApp-Nachrichten unmöglich?
Für die Personen, die sich mit der Barrierefreiheit bei Googles Betriebssystem Android auskennen, ist das Schreiben von Mails, SMS-Nachrichten, WhatsApp-Nachrichten trotzdem möglich!

Google Mail zeigt ein Mikrofon-Symbol zum Diktieren von Texten
Die Google Mail-App zeigt ein Mikrofon-Symbol zum Diktieren von Texten

„Android: Texte sprechen statt schreiben“ weiterlesen

Barrierefreie Apps – Warum wird Barrierefreiheit immer wichtiger?

In diesem Artikel wird erklärt, warum Barrierefreiheit bei Apps immer wichtiger wird.

Barrierefreie Apps – Definition

Barrierefreie Apps, sind Apps, die so entwickelt werden, dass sie von allen Menschen, auch Menschen mit Behinderungen und andere körperliche Einschränkungen bedient werden können.
App ist die Abkürzung für Application. Application ist englisch und heißt auf deutsch Anwendung. Eine App ist demzufolge eine Anwendung die auf bestimmten Geräten in bestimmten Betriebssystemen eingesetzt werden kann. Eine barrierefreie App ist eine Anwendung die für alle Menschen bedienbar ist. Ein anderes Wort für Barrierefreiheit ist zugänglich oder Zugänglichkeit.

Apps barrierefrei entwickeln – mit welchen Programmiersprachen geht es?

Die wichtigsten Programmiersprachen um eine App barrierefrei zu entwickeln sind:

  • Java für Android
  • Kotlin für Android
  • Swift für IOS
  • ObjectiveC für IOS

Progressive Web-Apps werden mit HTML, CSS und Javascript entwickelt.

Das Menü "Zum Home-Bildschirm" muss angetippt werden um die Progressive Web App "Marlems Communicator" auf dem Ipad zu installieren
Installation einer progressiven Web-App auf einem Ipad mit IOS 14

„Barrierefreie Apps – Warum wird Barrierefreiheit immer wichtiger?“ weiterlesen

Progressive Web Apps barrierefrei entwickeln – Kurzanleitung

Progressive Web Apps (abgekürzt PWAs) sind plattformunabhängig und es ist sehr einfach eine Progressive Web-App barrierefrei zu entwickeln.  In diesem Artikel gibt es eine kurze Anleitung wie progressive Web Apps entwickelt werden.

Was ist eine App?

App ist die Abkürzung für Application. Application ist englisch und heißt auf deutsch Anwendung. Eine App ist also eine Anwendungen. Früher konnten Apps nur auf Smartphones und Iphones installiert werden. Dann wurden das Tablet und Ipad erfunden. Auf diesen Geräten ist es auch möglich Apps zu installieren. Inzwischen wird Software für Desktop-Betriebssysteme auch Apps genannt. Apps sind die Zukunft.

Gesetzliche Verpflichtung für Öffentliche Stellen des Bundes

Im Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik Absatz 1 steht:

(1) Öffentliche Stellen des Bundes gestalten ihre Websites und mobilen Anwendungen, einschließlich der für die Beschäftigten bestimmten Angebote im Intranet, barrierefrei. Schrittweise, spätestens bis zum 23. Juni 2021, gestalten sie ihre elektronisch unterstützten Verwaltungsabläufe, einschließlich ihrer Verfahren zur elektronischen Vorgangsbearbeitung und elektronischen Aktenführung, barrierefrei. Die grafischen Programmoberflächen sind von der barrierefreien Gestaltung umfasst.

Quelle: Behindertengleichstellungsgesetz – BGG § 12a Barrierefreie Informationstechnik

Es gibt also für den Staat eine gesetzliche Verpflichtung, dass nur Apps eingesetzt werden dürfen, die barrierefrei sind.

Progressive Web App – Definition

Progressive Web Apps, sind Apps die mit

  • HTML5
  • CSS ( Cascading Style Sheets )
  • Javascript / jQuery

Programmiert werden.

Oft wird die Abkürzung PWA für progressive Web-App verwendet.

Progressive Web Apps sind plattformunabhängig, das bedeutet, sie funktionieren auf allen Betriebssystemen. Sie können auch auf allen Geräten wie Laptop, PC, Smartphone, Iphone, Tablet, Ipad eingesetzt werden.

jQuery ist eine freie JavaScript-Bibliothek, die Funktionen zur DOM-Navigation und -Manipulation zur Verfügung stellt. jQuery ist die meistverwendete JavaScript-Bibliothek und vereinfacht die Programmierung von progressive Internetapps.
Es ist sehr einfach Progressive Web Apps zugänglich zu entwickeln. Hierfür müssen die gleichen Richtlinien umgesetzt werden, wie wenn eine Internetseite behindertengerecht entwickelt werden soll.

5 barrierefreie progressive Web Apps entwickelt von Markus Lemcke im Betriebssystem IOS
5 barrierefreie progressive Web Apps entwickelt von Markus Lemcke im Betriebssystem IOS

„Progressive Web Apps barrierefrei entwickeln – Kurzanleitung“ weiterlesen

Barrierefreie Softwareentwicklung mit Excel-Visual Basic for Applications (VBA)

Aufgrund von einer Mailanfrage, habe ich mich damit beschäftigt, ob es möglich ist, mit Excel-VBA barrierefreie Desktop-Datenbank-Anwendungen zu entwickeln. In diesem Blogartikel gibt es eine detaillierte Anleitung wie mit Excel-VBA eine barrierefreie Datenbank-Anwendung entwickelt werden kann.

Was ist Excel?

Microsoft Excel ist ein Tabellenkalkulationsprogramm, dass von sehr vielen Menschen genutzt wird.

Was ist Visual Basic for Applications, abgekürzt VBA?

Visual Basic for Applications (VBA) ist eine Skriptsprache, die ursprünglich für die Steuerung von Abläufen der Microsoft-Office-Programmfamilie entwickelt wurde. Visual Basic for Applications, kann in Word, Excel, Powerpoint und Access programmiert werden.

Was ist eine Desktop-Datenbank-Anwendung?

Bei einer Desktop-Datenbank läuft das Datenbankmanagementsystem, beispielsweise Access, mit der jeweiligen Datenbank und der Datenbankanwendung auf dem PC des Anwenders.
Mit Excel-VBA können Desktop-Datenbank-Datenbank-Anwendungen entwickelt werden.
„Barrierefreie Softwareentwicklung mit Excel-Visual Basic for Applications (VBA)“ weiterlesen

Barrierefreie, plattformunabhängige Softwareentwicklung mit Python und Qt

In diesem Blogartikel erkläre ich, wie mit der Programmiersprache Python und dem GUI-Framework Qt barrierefreie Softwareentwicklung verwirklicht werden kann, die auf alle Betriebssysteme funktioniert.

Warum habe ich die Programmiersprache Python gelernt
Python ist eine Programmiersprache welche üblicherweise interpretiert wird. Python ist plattformunabhängig, das bedeutet, Python-Programme laufen auf allen Betriebssystemen.
Python ist in der Rangliste der Programmiersprachen im 1. Quartal 2020 auf Platz 2.
Python schreibt Geschichte: Platz 2 im Programmiersprachen-Ranking
Ich habe während eines Udemy-Kurses entdeckt, dass das GUI-Framework Qt die vorraussetzungen hat, um screenreadertaugliche Programmoberflächen zu entwickeln.
Das bedeutet mit der Programmiersprache Python und dem GUI-Framework Qt kann plattformunabhängige, barrierefreie Softwareentwicklung umgesetzt werden.

„Barrierefreie, plattformunabhängige Softwareentwicklung mit Python und Qt“ weiterlesen

Barrierefreiheit bei Browser – Internet Explorer

In diesem Blogartikel teste ich den Browser Internet Explorer auf Barrierefreiheit. Getestet wird Internet Explorer Version: 11.719.18362.0.

Zunächst mal muß geklärt werden, wo Sie im Browser Internet Explorer Einstellungen zur Barrierefreiheit finden. Im Menü „Extras“ ? „Internetoptionen“ dann Schalter „Barrierefreiheit“.

Alle Browser die wichtig sind auf einen Blick
Alle Browser die wichtig sind auf einen Blick: Opera, Firefox, Internetexplorer, Google Chrome
Quelle: Rose Carson – 404539348 / Shutterstock.com

„Barrierefreiheit bei Browser – Internet Explorer“ weiterlesen

Barrierefreiheit bei Browser – Firefox

In diesem Blogartikel teste ich den Browser Firefox auf Barrierefreiheit. Getestet wird Firefox Version 74.0 (64-Bit).

Zunächst mal muß geklärt werden, wo Sie im Browser Firefox Einstellungen zur Barrierefreiheit finden. Leider sind auch in diesem Browser die Einstellungen zur Barrierefreiheit wild verstreut.

Screenreadertauglichkeit bei Firefox

Blinde Menschen nutzen einen Screenreader um den Computer zu bedienen. Deswegen teste ich zuerst, ob der Browser Firefox screenreadertauglich ist. Den Test mache ich mit dem kostenlosen Screenreader NVDA.
Der Browser Edge ist screenreadertauglich. Wenn ich die Tabulatortaste gedrückt habe, hat der Screenreader NVDA vorgelesen, welches Element innerhalb des Browsers Firefox nun aktiv ist. NVDA hat mir auch Text einer Webseite vorgelesen. Der Browser Firefox ist screenreadertauglich.

Alle Browser die wichtig sind auf einen Blick
Alle Browser die wichtig sind auf einen Blick: Opera, Firefox, Internetexplorer, Google Chrome
Quelle: Rose Carson – 404539348 / Shutterstock.com

„Barrierefreiheit bei Browser – Firefox“ weiterlesen