Progressive Web Apps barrierefrei entwickeln – Anleitung 2024

In diesem Blogartikel werden die Grundlagen erklärt, wie eine progressive Web App entwickelt werden kann.

Einführung in progressive Web Apps (PWAs)

Eine progressive Web-App wird mit HTML, CSS und JavaScript programmiert. Sie ist eine Webseite, die sich wie eine App anfühlt. Sie funktioniert ähnlich wie eine normale App auf einem Smartphone oder Tablet, aber sie muss nicht aus einem App-Store installiert werden. Die App kann über einen Webbrowser aufgerufen werden. Progressive Web-Apps können auch offline genutzt werden und bieten eine schnellere Ladezeit. Progressive Web App wird abgekürzt mit PWA.

Für Anwender, im englischen User, ist die Nutzung eine progressive Web-Apps sehr einfach.

HTML, CSS und JavaScript – Was ist das?

HTML, CSS und JavaScript sind alle Programmiersprachen, die für die Entwicklung von progressive Web Apps verwendet werden. HTML (Hypertext Markup Language) wird verwendet, um die Struktur und den Inhalt einer Webseite zu definieren. Es wird verwendet, um Texte, Bilder, Links und andere Elemente auf einer Webseite anzuzeigen. CSS (Cascading Style Sheets) wird verwendet, um das Aussehen und das Layout einer Webseite zu gestalten. Mit CSS können Entwickler Schriftarten, Farben, Abstände und andere visuelle Eigenschaften einer Webseite festlegen. JavaScript wird verwendet, um interaktive Elemente einer Webseite zu erstellen. Mit JavaScript können Benutzeraktionen wie Klicks, Überfahren mit der Maus und Eingaben in Formularen verarbeitet werden, um dynamische und reaktionsschnelle Webseiten zu erstellen.

„Progressive Web Apps barrierefrei entwickeln – Anleitung 2024“ weiterlesen

Barrierefreie Softwareentwicklung mit Java, C#, Python und JavaScript – Anleitungen 2024

In diesem Blogartikel gibt es detaillierte Informationen zur barrierefreie Softwareentwicklung mit Java, C#, Python und JavaScript.

Was ist eine Software?

Eine Software ist eine Sammlung von Anweisungen oder Programmen, die einem Computer oder einem anderen elektronischen Gerät sagen, was es tun soll. Stell dir vor, dass Software wie die „Gehirne“ eines Computers ist. Sie ermöglicht es einem Computer, verschiedene Aufgaben auszuführen, von einfachen Berechnungen bis hin zur Verarbeitung von komplexen Daten. Beispiele für Software sind die Textverarbeitung „Word“ und die Tabellenkalkulation Excel des Unternehmens Microsoft.

Eingabemaske programmiert mit der Programmiersprache Python und dem Framework Qt um Daten zu einer Person einzugeben. Zu sehen sind 7 Eingabefelder und 3 Schaltflächen
Eingabemaske programmiert mit der Programmiersprache Python und dem Framework Qt um Daten zu einer Person einzugeben.

Was ist Softwareentwicklung?

Softwareentwicklung ist der Prozess, bei dem Computerprogramme oder Software erstellt werden. Stellen Sie sich vor, dass Softwareentwicklung wie das Entwerfen und Bauen eines Hauses ist, nur dass hier digitale Werkzeuge und Anweisungen verwendet werden, die ein Computer ausführen kann. Andere Begriffe für Software-Entwicklung sind Programmentwicklung oder Anwendungsentwicklung.

Was ist eine Programmiersprache?

Eine Programmiersprache ist eine spezielle Art von Sprache, die von Menschen verwendet wird, um Anweisungen zu schreiben, die ein Computer verstehen und ausführen kann. Stellen Sie sich vor, dass eine Programmiersprache wie eine Art „Kommunikationsmittel“ zwischen Menschen und Computern ist.

„Barrierefreie Softwareentwicklung mit Java, C#, Python und JavaScript – Anleitungen 2024“ weiterlesen

Barrierefreie Softwareentwicklung mit C# und WPF nach EN 301 549 und WCAG 2.2 – Anleitung 2024

In diesem Blogartikel erkläre ich die barrierefreie Softwareentwicklung mit der Programmiersprache C# und dem  Framework WPF, das die plattformunabhängige Entwicklung von Anwendungen unterstützt.

Betriebssystem, Entwicklungsumgebung, Programmiersprache, Framework

Softwareumgebung Im Einsatz
Betriebssystem Windows 11
Entwicklungsumgebung Visual Studio 2022
Programmiersprache C#
Framework WPF

„Barrierefreie Softwareentwicklung mit C# und WPF nach EN 301 549 und WCAG 2.2 – Anleitung 2024“ weiterlesen

Barrierefreiheit mit WordPress – eine Anleitung in Text, Bild und Video im Jahr 2024

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.

„Barrierefreiheit mit WordPress – eine Anleitung in Text, Bild und Video im Jahr 2024“ weiterlesen

Barrierefreie Softwareentwicklung mit HTML, CSS und JavaScript nach EN 301 549 und WCAG 2.2 – Anleitung 2024

In diesem Blogartikel erkläre ich die barrierefreie Softwareentwicklung mit HTML,CSS und der Programmiersprache JavaScript

Betriebssystem, Entwicklungsumgebung, Programmiersprache, Framework

Softwareumgebung Im Einsatz
Betriebssystem Windows 11
Entwicklungsumgebung Visual Studio Code Version 1.89
Programmiersprache Javascript
Framework

„Barrierefreie Softwareentwicklung mit HTML, CSS und JavaScript nach EN 301 549 und WCAG 2.2 – Anleitung 2024“ weiterlesen

Barrierefreie Softwareentwicklung mit Java und JavaFX nach EN 301 549 und WCAG 2.2 – Anleitung 2024

In diesem Blogartikel erkläre ich die barrierefreie Softwareentwicklung mit der Programmiersprache Java und dem  Framework JavaFX, das die plattformunabhängige Entwicklung von Anwendungen unterstützt.

Barrierefreie Softwareentwicklung mit JavaFX: Was erwartet Sie in diesem Artikel?

Java ist eine Programmiersprache, mit der Software entwickelt werden kann. Diese Software ist plattformunabhängig, was bedeutet, dass sie auf allen Desktop-Betriebssystemen verwendet werden kann. In diesem Artikel wird erklärt, wie man barrierefreie Software mit Java entwickeln kann. Erfahren Sie in diesem Blogartikel, wie Sie barrierefreie Softwarelösungen mithilfe von JavaFX entwickeln können. Als Experte teile ich wertvolle Tipps und Techniken mit Ihnen, um sicherzustellen, dass Ihre Anwendungen für alle Benutzer zugänglich und nutzbar sind. Entdecken Sie die bewährten Praktiken für barrierefreie Softwareentwicklung und erfahren Sie, wie JavaFX Ihnen dabei helfen kann, die Benutzererfahrung für alle zu verbessern. Starten Sie jetzt und gestalten Sie Ihre Anwendungen inklusiver!

„Barrierefreie Softwareentwicklung mit Java und JavaFX nach EN 301 549 und WCAG 2.2 – Anleitung 2024“ weiterlesen

Barrierefreie Softwareentwicklung mit Python und Qt6 nach EN 301 549 und WCAG 2.2

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.

„Barrierefreie Softwareentwicklung mit Python und Qt6 nach EN 301 549 und WCAG 2.2“ weiterlesen

Barrierefreie Farbkontraste bei Texten nach EN 301 549

In diesem Blogartikel wird erklärt wie barrierefreie Farbkontraste bei Webseiten, Software und Apps nach EN 301 549 realisiert werden können.

Was ist die EN 301 549 ?

Die EN 301 549 ist eine europäische Norm. Sie enthält Richtlinien für folgende Bereiche:

  • Barrierefreiheit bei Webseiten
  • Barrierefreiheit bei Software
  • Barrierefreiheit bei Apps
  • Barrierefreiheit bei Hardware

Für die barrierefreie Gestaltung von Webseiten, Software, Apps und Hardware gibt es viele Prüfschritte die erfüllt sein müssen.
In diesem Blogartikel geht es um den Prüfschritt 9.1.4.3 Kontraste von Texten ausreichend

Wie kann überprüft werden ob ein Farbkontrast barrierefrei ist?

Im Prüfschritt steht, dass eine Sichtprüfung durchgeführt werden kann. Einer von vielen unsinnigen Texten die in der EN 301 549 stehen. Ich habe eine Farbfehlsichtigkeit. Wenn ich mit meiner Farbfehlsichtigkeit eine Sichtprüfung mache, dann wird es für alle die Menschen die keine Farbfehlsichtigkeit haben nicht lustig!
Deswegen meine Empfehlung: Verwenden Sie die kostenlose Software Colour Contrast Analyzer (CCA) um einen Farbkontrast auf Barrierefreiheit zu überprüfen.
In folgendem Video zeige ich wie der Contrast Analyzer funktioniert:

Vorschläge für barrierefreie Farbkontraste bei Texten

Grundsätzlich möchte ich keine Vorschriften machen welche Farben auf Webseiten, Software und Apps vorkommen dürfen. Immer wenn die kostenlose Software Colour Contrast Analyzer anzeigt, der Farbkontrast ist barrierefrei dürfen diese Farben verwendet werden.
Für Menschen die sich mit diesem Thema schwertun, mache ich in diesem Abschnitt Vorschläge. Es ist nur eine Auswahl von barrierefreien Farbkontrasten.

Schriftfarbe: #000000 | Hintergrundfarbe: #ABEBC6

Schriftfarbe: #FFFFFF | Hintergrundfarbe: #154360

Schriftfarbe: #FFFFFF | Hintergrundfarbe: #922B21

Schriftfarbe: #000000 | Hintergrundfarbe: #DCDCDC

Schriftfarbe: #000000 | Hintergrundfarbe: #FFFFFF

Schriftfarbe: #ffffff | Hintergrundfarbe: #DB1317

Schriftfarbe: #000000 | Hintergrundfarbe: #EFDCB4

Schriftfarbe: #000000 | Hintergrundfarbe: #AFD7F7

Schriftfarbe: #000000 | Hintergrundfarbe: #8BF83A

Schlussbemerkung

Barrierefreie Farbkontraste sind bei Webseiten, Software und Apps ein sehr wichtiges Thema, es ist aber keine Wissenschaft und es soll niemand davon abgehalten werden Farben bei der Programmierung von Webseiten, Software und Apps einzusetzen.

Wenn Sie Fragen zu obige Themen haben, schreiben Sie mir eine Mail an info@marlem-software.de oder rufen Sie mich an unter 07072/1278463 .

Barrierefreiheit bei Visual Studio Code – Barrierefreiheit bei Entwicklungsumgebungen

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.

Die Entwicklungsumgebung Visual Studio Code mit der Webseiten und Python-Programme entwickelt werden können
Auf dem Bild ist die Entwicklungsumgebung Visual Studio Code mit der Webseiten und Python-Programme entwickelt werden können

Barrierefreiheit bei Visual Studio Code – Barrierefreiheit bei Entwicklungsumgebungen“ weiterlesen

Barrierefreiheit bei Colaboratory – Barrierefreiheit bei Entwicklungsumgebungen

In diesem Blogartikel untersuche ich ob die Entwicklungsumgebung Colaboratory 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 sic 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.

Barrierefreiheit bei Colaboratory – Barrierefreiheit bei Entwicklungsumgebungen“ weiterlesen