Barrierefreie HTML-Tabellen erstellen

In diesem Blogartikel zeige ich, wie Sie eine HTML-Tabelle barrierefrei gestalten können nach der Richtlinie EN 301 549.

Der Prüfschritt für diesen Blogartikel in der EN 301 549 heißt: 9.1.3.1e. Datentabellen richtig aufgebaut.

Als erstes der HTML-Code:

<table>
  <thead>
    <tr>
      <th>Screenreader</th>
      <th>Betriebssystem</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>NVDA</td>
      <td>Windows</td>
    </tr>
    <tr>
      <td>Orca</td>
      <td>Ubuntu</td>
    </tr>
    <tr>
      <td>Voice Over</td>
      <td>IOS</td>
    </tr>
    <tr>
      <td>Talkback</td>
      <td>Android</td>
    </tr>
  </tbody>
</table>

„Barrierefreie HTML-Tabellen erstellen“ weiterlesen

Barrierefreie Navigation für eine Webseite erstellen – Anleitung

In diesem Blogartikel erkläre ich wie Sie eine barrierefreie Navigation für eine Webseite mit HTML und CSS erstellen können.

Barrierefreie Navigation – Was ist das

Sicherlich bist du bereits mit dem Konzept der Website-Navigation vertraut, das auch oft als Website-Menü bezeichnet wird. Dieses wichtige Element ist die horizontale Leiste, sie kann auch vertikal sein, die auf einer Webseite platziert ist und dir ermöglicht, mühelos zwischen verschiedenen Unterseiten zu navigieren. Hier findest du Links, auf die du klicken kannst, um direkt zu verschiedenen Zielseiten zu gelangen. Diese Leiste muss so programmiert sein, dass sie für Menschen mit unterschiedlichen Behinderungen oder anderen körperlichen Einschränkungen bedienbar ist.

Barrierefreie Navigation – Das HTML

Hier das HTML zur barrierefreien Navigation:

    <nav>
      <ul class="nav-list">
        <li>
          <a href="index.html" accesskey="s"><span class="buchstabe_unterstreichen">S</span>tartseite</a>
        </li>
        <li>
          <a href="index.html" accesskey="l">Dienst<span class="buchstabe_unterstreichen">l</span>eistungen</a>
        </li>
        <li>
          <a href="index.html" accesskey="ü"><span class="buchstabe_unterstreichen">&Uuml;</span>ber uns</a>
        </li>
        <li>
          <a href="index.html" accesskey="k"><span class="buchstabe_unterstreichen">K</span>ontakt</a>
        </li>
      </ul>
    </nav>

„Barrierefreie Navigation für eine Webseite erstellen – Anleitung“ weiterlesen

Web Formulare barrierefrei programmieren / coden – Eine ausführliche Anleitung

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.

„Web Formulare barrierefrei programmieren / coden – Eine ausführliche Anleitung“ weiterlesen

8 Gründe warum Untertitel bei Videos wichtig sind

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.

Das Bild zeigt einen Untertitel bei einem Youtube-Video
Untertitel bei YouTube-Videos helfen zum Beispiel gehörlose Menschen.

„8 Gründe warum Untertitel bei Videos wichtig sind“ weiterlesen

Barrierefreies Webdesign nach der europäischen Norm EN 301 549

In diesem Artikel erkläre ich was die europäische Norm EN 301 549 für barrierefreies Webdesign ist und warum ich mich freue, dass sie nun auch in Deutschland gilt. 

Barrierefreies Webdesign: Definition

Barrierefreies Webdesign bedeutet, dass eine Webseite so gestaltet ist, dass sie von allen Menschen, auch Menschen mit Behinderungen und anderen körperlichen Einschränkungen, wahrgenommen und bedient werden kann.

Barrierefreies Webdesign: Die Entwicklungsgeschichte

Das Thema barrierefreies Webdesign hat in Deutschland angefangen mit dem Inkrafttreten des Gesetzes zur Gleichstellung von Menschen mit Behinderungen am 1. Mai 2002.
Damals in §11 jetzt in § 12a Barrierefreie Informationstechnik werden öffentliche Stellen des Bundes dazu verpflichtet, bei Internetseiten von Behörden, barrierefreies Webdesign umzusetzen.
Am 24. Juli 2002 trat die Barrierefreie-Informationstechnik-Verordnung (BITV) in Deutschland in Kraft. Die Barrierefreie-Informationstechnik-Verordnung ist die deutsche Richtlinie um Webseiten barrierefrei zu gestalten. In der Barrierefreie-Informationstechnik-Verordnung waren Prüfungsschritte die durchgeführt werden müssen, um herauszufinden, ob eine Webseite barrierefrei ist oder nicht.
WCAG 1.0 wurde seit Mai 1999 empfohlen. Die Version WCAG 2.0 wurde nach mehr als neunjähriger Beratung am 11. Dezember 2008 verabschiedet, inzwischen liegt eine autorisierte deutsche Übersetzung vor. Im Juni 2018 hat die WAI die WCAG 2.1 verabschiedet. Die Web Accessibility Initiative (WAI) ist ein Bereich innerhalb des W3C, in der sich mehrere Arbeitsgruppen und Interessengruppen mit dem barrierefreien Zugang zum Web und seinen Inhalten beschäftigen. Das World Wide Web Consortium (kurz W3C) ist das Gremium zur Standardisierung der Techniken im World Wide Web.
Nun gab es seit 11. Dezember 2008 zwei Richtlinien um barrierefreies Webdesign zu realisieren. Eine nationale, BITV, und eine Internationale, WCAG.
Im Jahr 2011 trat die BITV 2.0 in Kraft. Noch immer war Deutschland nicht gewillt, barrierefreies Webdesign nach europäischen oder internationalen Richtlinien zu verwirklichen.
Ab März 2021 gilt jetzt in Deutschland der HARMONISED EUROPEAN STANDARD Accessibility requirements for ICT products and services. In diesem harmonisierten europäischen Standard geht es um Anforderungen von Barrierefreiheit bei Hardware, Webseiten und Software. Dieser Standard heißt EN 301 549.

Harmonisierter europäischer Standard Zugänglichkeitsanforderungen für ICT-Produkte und -Dienstleistungen
ETSI – Harmonisierter europäischer Standard Zugänglichkeitsanforderungen für ICT-Produkte und -Dienstleistungen

Anmerkung von Markus Lemcke

18 Jahre nach in Krafttreten des Behindertengleichstellungsgesetz gibt es hier im Landkreis Reutlingen / Tübingen noch sehr viele Behörden die sich kategorisch weigern Webseiten und Apps barrierefrei entwickeln zu lassen. Ich wünsche mir, dass die Bundesregierung die Behörden dazu zwingt dass Behindertengleichstellungsgesetz umzusetzen und somit Webseiten, Software und Apps zugänglich gestalten.

„Barrierefreies Webdesign nach der europäischen Norm EN 301 549“ weiterlesen

Web Content Accessibility Guidelines 2.1 / WCAG 2.1

In diesem Artikel erkläre ich was die Web Content Accessibility Guidelines 2.1, abgekürzt WCAG 2.1, sind und warum diese für barrierefreies Webdesign wichtig sind.

Barrierefreies Webdesign – Definition

Barrierefreies Webdesign bedeutet, dass eine Webseite so gestaltet ist, dass sie von allen Menschen, auch von Menschen mit Behinderungen und anderen körperlichen Einschränkungen, bedient und wahrgenommen werden kann.

Was sind die Web Content Accessibility Guidelines?

Die Web Content Accessibility Guidelines (WCAG; englisch für „Richtlinien für barrierefreie Webinhalte“) sind ein internationaler Standard zur barrierefreien Gestaltung von Internetangeboten. Einfach ausgedrückt, die Web Content Accessibility Guidelines sind Richtlinien in denen festgehalten ist, welche Schritte umgesetzt werden müssen, damit eine Internetseite barrierefrei ist.

Web Content Accessibility Guidelines (WCAG 2.1)
Internationale Richtlinien zur Gestaltung barrierefreier Internetseiten

„Web Content Accessibility Guidelines 2.1 / WCAG 2.1“ weiterlesen

Barrierefreies Webdesign – Ausführliche Erklärung in Text, Bild und Video

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.

„Barrierefreies Webdesign – Ausführliche Erklärung in Text, Bild und Video“ weiterlesen

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

Mein Blog basiert auf einem System, das sich WordPress nennt. Da mir Accessibility bei Webseiten ein wichtiges Anliegen ist, habe ich natürlich auch bei meinem Blog darauf geachtet, dass alles barrierefrei ist. Wie die Zugänglichkeit mit WordPress funktioniert, verrate ich in diesem Artikel.

Was ist WordPress?

Bevor ich zum Thema Barrierefreiheit (auf englisch Accessibility) mit WordPress komme, muss ich kurz die Grundlagen von WordPress erklären. WordPress ist eine Blogsoftware. Ein Blog ist eine spezielle Form einer Webseite auf dem Artikel geschrieben werden. Es müssen nicht zwingend Fachartikel sein. Es kann auch ein „öffentliches“ Tagebuch geführt werden, es kann über Lebensfreude geschrieben werden oder ein anderes Thema. Es gibt auch Blogger (=Autoren von Blogartikeln) die Ihre Leser darüber informieren wieviel neue Kontakte sie auf der Social Media Plattform Xing gesammelt haben.

Tastatur mit Rollstuhlsymbol und Wort barrierefrei
Quelle: Robert Kneschke – 483201067 / Shutterstock.com

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

Barrierefreiheit in der Informatik – Richtlinien, ein Überblick

In diesem Blogartikel möchte ich einen Überblick geben über Richtlinien rund um die barrierefreie Informatik. Bevor wir zu den Richtlinien kommen möchte ich die Grundbegriffe der Barrierefreiheit in der Informatik erklären.

Grundbegriffe der Barrierefreiheit in der Informatik

Barrierefreiheit in der Informatik in der Informatik bedeutet, dass Webseiten, Programme und Betriebssysteme so gestaltet sind, dass sie von allen Menschen, auch von Menschen mit körperlichen Einschränkungen, bedient werden können.

Barrierefreies Webdesign bedeutet, dass Internetseiten so gestaltet sind, dass sie von allen Menschen, auch von Menschen mit körperlichen Einschränkungen, bedient werden können.

Barrierefreie Software-Entwicklung bedeutet, es entsteht eine Software die für alle Menschen, auch für Menschen mit körperlichen Einschränkungen, bedienbar ist.

Barrierefreiheit bei Betriebssysteme bedeutet, dass ein Betriebssystem so gestaltet ist, dass es von allen Menschen, auch von Menschen mit körperlichen Einschränkungen bedient werden kann.

Tastatur mit Rollstuhlsymbol und Wort barrierefrei
Quelle: Robert Kneschke – 483201067 / Shutterstock.com

„Barrierefreiheit in der Informatik – Richtlinien, ein Überblick“ weiterlesen

Barrierefreiheit bei Browser – Artikelreihe

Mit diesem Blogartikel startet eine neue Artikelreihe: Barrierefreiheit bei Browser. Ich untersuche die aktuellen Browser danach, wie gut sie für Menschen mit Behinderungen zu bedienen sind.

BrowserWas ist das?

Ein Browser ist eine Software, mit der Internetseiten (auch Webseiten genannt) aus dem Internet aufgerufen und angeschaut werden können.

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 – Artikelreihe“ weiterlesen