Barrierefreiheit bei Tageszeitungen: Warum diese Artikelreihe

In diesem Blogartikel erfahren Sie warum ich diese Artikelreihe eigentlich nie schreiben und jetzt doch schreibe.

Warum ich diese Artikelreihe nie schreiben wollte und es jetzt doch mache

Jahrelang habe ich Blogartikel geschrieben mit dem Ziel zu zeigen, wie schön die Welt wäre, wenn alle Webseiten, Programme und Apps barrierefrei sind. Webseiten auf Barrierefreiheit öffentlich zu testen, wollte ich nicht, weil das zu einer negativen Lebenseinstellung führen kann, wenn die Augen sich nur noch darauf konzentrieren was alles nicht barrierefrei (behindertengerecht) ist.
Das ignorieren von sämtlichen Briefen und Mails an die Reutlinger Tageszeitung „Reutlinger General Anzeiger“ hat mich dazu gebracht diese Artikelreihe zu starten. Es kann einfach nicht sein, dass eine Tageszeitung der Meinung ist, dass Gleichstellungsgesetze für Behinderte und europäische Gleichbehandlungsgesetze ignoriert werden können.

Auf dem Bild ist die Startseite zu sehen des Reutlinger Genral Anzeigers
Startseite der Tagezeitung Reutlnger General Anzeiger

Da ich letzten Monat über 5000 Webseitenbesucher hatte, hoffe ich dass viele diese Artikelreihe lesen und öffentlicher Druck entsteht auf die Tageszeitungen die hier getestet werden.

„Barrierefreiheit bei Tageszeitungen: Warum diese Artikelreihe“ weiterlesen

Web Accessibility – Was ist das?

In diesem Artikel erkläre ich was „Web Accessibility“ ist?

Accessibility in der Informatik – Was ist das?

Accessibility in der Informatik bedeutet, dass Webseiten, Programme, Betriebssysteme und Apps so gestaltet sind, dass sie für ALLE Nutzer, einschließlich Menschen mit Behinderungen, bedienbar sind.
Für alle die lieber schauen, statt lesen erkläre ich in diesem Video was Accessibility in der Informatik ist.

„Web Accessibility – Was ist das?“ weiterlesen

Webdesign Reutlingen – zugänglich und barrierefrei

In diesem Blogartikel geht es darum, dass mein Unternehmen Marlem-Software Webdesign für Reutlingen anbietet.

Webdesign – Was ist das?

Webdesign umfasst die visuelle, funktionale und strukturelle Gestaltung einer Website. Webdesign ist, dem Medium entsprechend, eine relativ junge Disziplin. Als Kombination aus klassischem Grafikdesign und anderen Bereichen wie dem Interaction Design oder dem Motion-Design prägt es heute das Erscheinungsbild von Internetseiten.

Webdesign Reutlingen

Da mein Unternehmen Marlem-Software in Reutlingen ist, biete ich als Webdesigner Leistungen für Internetseiten, Webauftritte und Websites für Reutlingen an.

Ein Schreibtisch auf dem ein Monitor steht. Auf dem Monitor steht das Wort Webdesign
Quelle: Rawpixel.com – 369012689 / Shutterstock.com

„Webdesign Reutlingen – zugänglich und barrierefrei“ weiterlesen

Who cares. Warum Unternehmen, auch in Reutlingen, sich um die digitale Barrierefreiheit kümmern sollten

In diesem Artikel möchte ich aufzeigen warum es für Unternehmen wichtig ist, sich um die digitale Barrierefreiheit zu kümmern. Außerdem ist mein Vortrag den ich in der Hochschule der Medien in Stuttgart gehalten habe, nochmal verlinkt.

Warum dieser Artikel?

Ich habe am 12. Mai 2017 in der Hochschule der Medien in Stuttgart einen Vortrag gehalten.

Accessibility Day 2017 in der Hochschule der Medien in Stuttgart – Mein Vortrag zum anschauen als Video

Der Vortrag kann hier angeschaut werden:
Who cares. Warum sich Unternehmen jetzt um digitale Barrierefreiheit kümmern sollten

Nachfolgend werde ich die wichtigsten Punkte meines Vortrages in Schriftform darstellen.

„Who cares. Warum Unternehmen, auch in Reutlingen, sich um die digitale Barrierefreiheit kümmern sollten“ weiterlesen

Barrierefreie Informatik testen: Wie funktioniert der Screenreader NVDA

In diesem Artikel möchte ich den Screenreader NVDA erklären und wie Webentwickler und Softwareentwickler testen können ob Webseiten und Programme screenreadertauglich sind.

Zielgruppe des Artikels

Dieser Artikel ist für Webentwickler und Softwareentwickler die ihre Webseiten und Programme testen können ob diese für Screenreader-Nutzer geeignet sind.
Der Artikel ist auch für Informatik-Studenten die wissen möchten wie es sich anfühlt, wenn ein Programm den Bildschirminhalt vorliest.

Was ist ein Screenreader?

Ein Screenreader ist ein Bildschirmvorleseprogramm. Wenn ein Mensch blind oder sehbehindert ist, heißt das nicht, dass er nicht am Computer/Laptop arbeiten kann. Der Screenreader „spielt“ für den blinden oder sehbehinderten Menschen die Augen und liest den Bildschirminhalt vor.
Hier noch ein Youtube-Video in dem ich erkläre was ein Screenreader ist:

Der Screenreader NVDA

NVDA ist ein freier Screenreader. Sie können ihn kostenlos auf nvda.bhvd.de herunterladen.
Nach dem installieren und dem ersten Start von NVDA spricht das Programm sehr schnell. Nach dem Start trägt sich das Programmsymbol in den Benachrichtigungsbereich der Startleiste ein. Mit einem rechten Mausklick auf das Programmsymbol können Sie ein Kontextmenü aufrufen. Im Menü „Einstellungen – > „Stimmeinstellungen“ können Sie die Sprechgeschwindigkeit und andere Einstellungen machen.
„Barrierefreie Informatik testen: Wie funktioniert der Screenreader NVDA“ weiterlesen

Barrierefreiheit mit HTML5

In diesem Blogartikel erkläre ich welche Möglichkeiten HTML5 bietet um Webseiten barrierefrei zu entwickeln.

Was ist HTML?

HTML (HyperText Markup Language) ist eine plattformunabhängige Dokumentbeschreibungssprache, in der Web-Seiten geschrieben sind. Plattformunabhängig bedeutet das sie in jedem Betriebssystem (Windows, Android, IOS und Linux) verwendet werden kann.

„Barrierefreiheit mit HTML5“ weiterlesen

Barrierefreiheit in der Informatik: Lexikon der Behinderungsarten

In einer Fachzeitschrift für Suchmaschinenoptimierung habe ich in einem Artikel gelesen, dass die meisten Programmierer sehr wenig Ahnung von den verschiedenen Behinderungsarten haben. Das möchte ich mit diesem Blogartikel ändern.

Die Idee hinter diesem Artikel

Egal, ob es sich um Richtlinien für barrierefreies Webdesign oder barrierefreie Softwareentwicklung  oft ist es für Programmierer nicht klar, welche Kriterien für welche Behinderungsart wichtig ist.
Deswegen werde ich hier Behinderungsarten beschreiben und welche Probleme diese Behinderungsart bei der Bedienung von Webseiten und Programme haben.
Ich werde pro Behinderungsart nicht alle, sondern nur die wichtigsten Probleme schildern.
Wenn es für bestimmte Einschränkungen Blogartikel gibt, dann werden diese Verlinkt.
Ziel ist es, einen übersichtlichen Artikel zu schreiben, der Webentwicklern und Softwareentwickler hilft, die Richtlinien für Barrierefreies Webdesign und barrierefreie Softwareentwicklung zu verstehen, weil sie die Behinderungsarten kennen lernen die hinter den Richtlinien stehen.

„Barrierefreiheit in der Informatik: Lexikon der Behinderungsarten“ weiterlesen

Barrierefreies Webdesign – Richtlinien und Gesetze in der Schweiz

In Zukunft möchte ich als Unternehmer auch barrierefreies Webdesign für die Schweiz anbieten. Deswegen beschäftige ich mich in diesem Blogartikel mit den Gesetzen und Richtlinien für barrierefreies Webdesign für die Schweiz.

Barrierefreies Webdesign – Was ist das?

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.

„Barrierefreies Webdesign – Richtlinien und Gesetze in der Schweiz“ weiterlesen

Barrierefreies Webdesign – Richtlinien und Gesetze in Österreich

Weil ich auch schon einen Kunden aus Österreich hatte für den ich eine barrierefreie Webseite mit WordPress erstellte, schreibe ich heute über barrierefreies Webdesign aus bzw. in Österreich. Außerdem würde ich mich über noch mehr Aufträge aus Österreich freuen.

Barrierefreies Webdesign – Was ist das?

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.

„Barrierefreies Webdesign – Richtlinien und Gesetze in Österreich“ weiterlesen

Barrierefreiheit und Suchmaschinenoptimierung: Google ist behindert!

In diesem Blogartikel erkläre ich warum barrierefreie Internetseiten auch bei Suchmaschinen sehr beliebt sind.

Was ist Barrierefreiheit?

Zunächst möchte ich die allgemeine Definition von Wikipedia wiedergegeben:
Barrierefreiheit bezeichnet im deutschen Sprachgebrauch eine Gestaltung der baulichen Umwelt, sowie von Information und Kommunikation in der Weise, dass sie von Menschen mit Behinderung und von älteren Menschen in derselben Weise genutzt werden kann wie von Menschen ohne Behinderung.[1] Im außerdeutschen Sprachgebrauch wird dieser Zustand eher als „Zugänglichkeit“ (engl.: Accessibility, span.: Accesibilidad, frz.: Accessibilité) bezeichnet. Der im deutschen Sprachraum in diesem Zusammenhang kursierende Begriff „behindertengerecht“ wird zunehmend ungebräuchlich, da mit dieser Benennung keine umfassende Zugänglichkeit und Benutzbarkeit für alle Menschen bezeichnet wird.
Quelle: Wikipedia

barrierefreies Webdesign

Wenn eine Webseite barrierefrei entwickelt ist, nennt sich das barrierefreies Webdesign. Die Webseite soll auf Menschen mit unterschiedlichen körperlichen oder geistigen Einschränkungen Rücksicht nehmen. Was das genau ist, können Sie in diesem Blogartikel lesen: Barrierefreies Webdesign

Die Suchmaschine und Screenreader haben Gemeinsamkeiten

Eine Suchmaschine ist ein Programm das Webseiten liest. Sehen kann die Suchmaschine nicht! Ja, die Suchmaschine sieht keine Bilder und sie kann auch keine Videos anschauen. Die Suchmaschine kann nur lesen und zählen. Die Suchmaschine ist „behindert“.
Blinde und Sehbehinderte arbeiten mit einer Software die den Bildschirminhalt vorliest. Diese Software heißt Screenreader. Wie der Name der Software schon verrät, sie liest den Bildschirm. Dieser Screenreader kann also auch keine Bilder und Videos anschauen! Aber mit Hilfe solcher Screenreader können blinde und sehbehinderte Menschen einen Computer oder Laptop bedienen.

Onpage-Optimierung für Suchmaschinen und Screenreader

Maßnahmen und Anpassungen die auf der eigenen Webseite erfolgen, nennen sich in der Suchmaschinenoptimierung „Onpage-Optimierung“.
Ich beschreibe nun, welche Bereiche im Rahmen der Onpage-Optimierung angepassst werden müssen, damit die Suchmaschine und der Screenreader die Webseite barrierefrei „lesen“ kann.

Seitentitel
Der Seitentitel ist eine Überschrift für eine einzelne Seite(=Datei). Deswegen sollte er kurz und knapp den Inhalt der einzelnen Seite beschreiben. Es macht keinen Sinn jeder einzelnen Seite einer Webseite den gleichen Seitentitel zu geben. Die Suchmaschine und der Screenreader möchten über den Seitentitel erfahren, welchen Inhalt die Seite enthält. Für die Suchmaschinenoptimierung ist es wichtig, dass im Seitentitel ein bis zwei Begriffe vorkommen unter denen diese Seite gefunden werden soll.

Alternativtext für Bilder
Suchmaschinen und Screenreader können keine Bilder anschauen. Deswegen müssen Sie auf Ihrer Webseite den Inhalt eines Bildes in einem Alternativtext Beschreiben. Die Beschreibung muss nicht detailliert sein. Der Alternativtext soll das wichtigste vom Bild beschreiben bzw. zusammenfassen. Der Screenreader liest den Alternativtext vor und somit weiss der blinde oder sehbehinderte Mensch was auf dem Bild zu sehen ist.
Die Suchmaschine kann ebenfalls den Alternativtext lesen.

Untertitel und Beschreibungstexte für Videos
Wenn ein Video eine Tonspur enthält mit wichtigen Informationen, muss das Video Untertitel als Alternative enthalten. Dies ist wichtig für Menschen mit einer Hörbehinderung oder die ganz gehörlos sind.
Für informationstragende visuelle Videoinhalte muss eine Audiodeskription bereitgestellt werden. Die Handlung von Videos kann oft auch ohne Bild recht gut verfolgt werden. Den Sprecher einer Nachrichtensendung muss man zum Beispiel nicht sehen, um zu verstehen, worum es geht. Dagegen enthalten Spielfilme und Reportagen oft Passagen, in denen wenig gesprochen wird und Inhalte über das Bild vermittelt wird. Damit ein blinder Zuschauer den Film verfolgen kann, müssen ihm solche Passagen beschrieben werden. Hierfür wird das Verfahren der Audiodeskription eingesetzt.
Für die Suchmaschine ist wichtig, dass der Videotitel aussagekräftig ist und mindestens einen wichtigen Suchbegriff beinhaltet. Desweiteren ist die Beschreibung eines Videos sehr wichtig.

Textverlinkungen
Textverlinkungen sollten aussagekräftige Texte beinhalten. Ausserdem kann hier auch das Title-Attribut genutzt werden. Dies hilft Screenreadern und der Suchmaschine.
JavaScript, Ajax und Flash
Javascript, Ajax und Flash, sollten nur eingesetzt werden, wenn es unbedingt sein muss. Alle drei Elemente sind nur begrenzt barrierefrei und können auch von Suchmaschinen schlecht erkannt werden.

Bessere Barrierefreiheit durch HTML5
HTML5 bietet eine Reihe neuer Möglichkeiten in Sachen Barrierefreiheit. HTML5 bietet bessere Erkennbarbeit für Menschen und Programme(Screenreader, Suchmaschine). Demnächst erfolgt ein extra Blogartikel über Barrierefreiheit mit HTML5.

Schlussbemerkung:

Nicht nur behinderte Menschen sind eingeschränkt, sondern auch die Suchmaschine ist eingeschränkt. Wenn Sie Ihre Webseite barrierefrei machen helfen Sie behinderten Menschen und der Suchmaschine!

Bei Fragen rufen Sie mich an: 07121/504458


Mögliche Einsatzgebiete:
Suchmaschinenoptimierung / SEO Reutlingen
Suchmaschinenoptimierung / SEO Tübingen
Suchmaschinenoptimierung / SEO Stuttgart
Suchmaschinenoptimierung / SEO Hamburg

Weiterführende Blogartikel:

Barrierefreies Webdesign – Was ist das?