HTML lernen leicht gemacht: Ein inklusiver Kurs für alle

In dieser Blogartikelreihe möchte ich die Grundlagen von HTML Erklären.

Warum dieser Kurs?

Barrierefreies Webdesign bedeutet, dass Webseiten so programmiert werden, dass alle Menschen, auch Menschen mit Behinderungen und anderen körperlichen Einschränkungen, eine Webseite bedienen und wahrnehmen können. Für Web-Entwickler ohne Behinderung ist das oft eine große Herausforderung. Deswegen ist es schlau, Menschen mit Behinderungen das Entwickeln von Webseiten beizubringen. Wenn zum Beispiel blinde Menschen Webseiten programmieren, können sie selbst darauf achten, dass die Webseite danach barrierefrei ist.

Was ist Inklusion?

Inklusion bedeutet, dass Menschen mit und ohne Behinderung die gleichen Chancen und Möglichkeiten haben, in allen Bereichen des Lebens aktiv teilzunehmen. Das Ziel von Inklusion ist, Barrieren abzubauen und sicherzustellen, dass alle Menschen gleichermaßen integriert und wertgeschätzt werden.

  • Kindergarten und Schule: Kinder mit und ohne Behinderung lernen und spielen zusammen. Sie besuchen die gleichen Kindergärten und Schulen, wodurch sie von Anfang an gemeinsam aufwachsen und voneinander lernen.
  • Arbeitsleben: Inklusion im Arbeitsleben bedeutet, dass Menschen mit Behinderung die gleichen Arbeitsmöglichkeiten haben wie Menschen ohne Behinderung. Sie arbeiten in den gleichen Teams und Unternehmen und tragen gemeinsam zum Erfolg bei.

Inklusion im Webdesign bedeutet, Webseiten so zu gestalten, dass sie für alle Menschen zugänglich und nutzbar sind, unabhängig von ihren Fähigkeiten. Dies schließt auch Menschen mit Behinderungen ein, wie blinde oder sehbehinderte Menschen, die oft die größten Herausforderungen haben, wenn eine Webseite nicht barrierefrei ist.

Inklusion fördert ein respektvolles und unterstützendes Miteinander. Sie hilft, Vorurteile abzubauen und sorgt dafür, dass alle Menschen unabhängig von ihren Fähigkeiten gleichberechtigt am gesellschaftlichen Leben teilhaben können.

Zielgruppe dieses HTML-Kurses

Die vielen tollen Lernvideos und Videokurse, die es im Internet gibt, sind für blinde Menschen nicht wahrnehmbar. Damit blinde Menschen die Möglichkeit haben, die Web-Entwicklung zu lernen, starte ich diesen Kurs zum Erlernen von HTML. Danach wird es noch einen Kurs zu den Grundlagen von CSS geben.

Zielgruppe dieses HTML-Kurses sind blinde Menschen die HTML lernen möchten. Da wir aber im Zeitalter der Inklusion leben, dürfen alle Menschen, auch Menschen ohne Behinderung, mit diesem Kurs HTML lernen !

Selbstverständlich wird auch die digitale Barrierefreiheit, bei den Themen wo Sinn macht, erklärt.

Inhalte des HTML-Kurses

Folgende Themen behandelt mein Kurs:

Die Entwicklungsumgebung Visual Studio Code
  • Installation
  • Barrierefreiheit der Entwicklungsumgebung
  • Grundsätzliche Bedienung
  • Tipparbeit sparen
Einführung in HTML
  • Was ist HTML?
  • Aufbau und Struktur einer HTML-Datei
  • Grundgerüst einer HTML-Seite (<!DOCTYPE html>, <html>, <head>, <body>)
Textformatierung und Strukturierung
  • Überschriften (<h1> bis <h6>)
  • Absätze (<p>)
  • Listen (ungeordnete Listen <ul>, geordnete Listen <ol>, Listenelemente <li>)
  • Textformatierung (fett <b>, kursiv <i>, Unterstreichung <u>)
Links und Navigation
  • Hyperlinks (<a href=““>)
  • Interne vs. externe Links
  • Verwendung von Anker-Links (<a name=““> oder id)
Bilder einfügen
  • Warum sind Bilder auf einer Webseite wichtig?
  • Welches Dateiformat sollte verwendet werden?
  • Einfügen von Bildern
  • Bedeutung von Alternativtexten (alt-Attribut)
Videos einfügen
  • Das <video>-Tag
  • YouTube-Videos barrierefrei einfügen
  • Untertitel bei YouTube-Videos
  • Barrierefreiheit
Tabellen
  • Aufbau und Struktur von Tabellen (<table>, <tr>, <th>, <td>)
  • Überschriftenzeilen und -spalten (<thead>, <tbody>, <tfoot>)
Formulare
  • Grundlagen der Formulare (<form>)
  • Eingabefelder (<input>), Textbereiche (<textarea>), Dropdown-Menüs (<select>, <option>)
  • Barrierefreie Formulare (Labeling mit <label>, for-Attribut)
Semantische HTML5-Elemente
  • Strukturierende Elemente (<header>, <nav>, <main>, <section>, <article>, <footer>)
  • Bedeutung und Nutzung semantischer HTML-Elemente für Barrierefreiheit und SEO
Barrierefreiheit (Accessibility)
  • Barrierefreies Webdesign – Was ist das?
  • Richtlinien
  • Verwendung von Screenreadern
  • Warum ist Tastaturbedienbarkeit wichtig?
  • ARIA-Rollen und -Attribute
  • Best Practices für barrierefreies Webdesign
Best Practices
  • Sauberes und verständliches Code-Schreiben
  • Kommentare im Code (<!– Kommentar –>)
  • Debugging von HTML-Code
  • Validierung von HTML-Code
Die HTML-Dateien müssen ins Internet
  • Wie bekommt man Speicherplatz im Internet
  • Was ist ein Webhoster
  • Was ist ein FTP-Programm
  • HTML-Dateien barrierefrei ins Web hochladen mit FileZilla Client

Schlussbemerkung

Ich hoffe, dass dieser HTML-Kurs für blinde Menschen, aber auch Menschen ohne Behinderungen, die Webseiten oder progressive Web Apps entwickeln möchten hilfreich ist.

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 .

Weitere Programmierkurse für blinde und andere Menschen

 

 

Autor: Markus Lemcke

Ich bin Markus Lemcke, Softwareentwickler, Webentwickler, Appentwickler, Berater und Dozent für barrierefreies Webdesign, barrierefreie Softwareentwicklung mit Java, C# und Python, Barrierefreiheit bei den Betriebssystemen Windows, Android, IOS, Ubuntu und MacOS.