Tipps & Tricks

Markdown und Barrierefreiheit

Dieser Text ist in Markdown geschrieben. Damit lassen sich Textdokumente einfach in einem Editor gestalten. Sie bleiben übersichtlich, lesbar und können in HTML konvertiert werden. Aber sind sie auch barrierefrei?

Die Antwort lautet „Jein“. In purem Markdown gibt es einige notwendie Elemente nicht. Doch in Markdown kann auch HTML genutzt werden. Elemente die Markdown fehlen oder nicht barrierefrei wären, können so ausgeglichen werden.

Grundlagen

Der Vorteil dieser Auszeichnungssprache ist ihre Einfachheit. Und da die Auszeichnungen direkt in den Text geschrieben werden, entfällt das Hantieren mit einer Menüleiste:

## Zwischenüberschrift H2
* Listenelement
* Listenelement
**fett**, *kursiv*, ~~durchgestrichen~~

Während sich Überschriften und Listen sehr gut in Markdown formatieren lassen, weist schon die Einleitung zwei Schwierigkeiten auf: Sprachwechsel und Abkürzungen. Für beides gibt es hier keine Auszeichnung.

Stattdessen lässt sich HTML schreiben:

Markdown
HTML

Bilder

Bilder können mit Markdown einen alternativen Text und auch einen Titel erhalten.

![alt text](/src/of/image.jpg "title")

Weitere Hinweise gibt unten unter „Weiterführend“.

Links

[Angezeigter Linktext](https://... "Mouseover-Text")"

Angezeigter Linktext

Tabellen

Nehmen wir eine einfache Tabelle.

Spalte 1 Spalte 2 Spalte 3 Spalte 4
1. Reihe links zentriert rechts
1. Reihe links zentriert rechts

In Markdown:

|Spalte 1 |Spalte 2 |  Spalte 3  | Spalte 4| 
|:---- |:---- |:----:| ----:|
|1. Reihe| links | zentriert | rechts|
|1. Reihe| links | zentriert | rechts|

Ergibt den nachfolgenden Quelltext. Er enthält die wesentlichen Bestandteile

,

,

,

,

und

.

Spalte 1 Spalte 2 Spalte 3 Spalte 4
1. Reihe links zentriert rechts
1. Reihe links zentriert rechts

Weiterführend