Ressourcen, die auf dem WordPress Meetup erwähnt wurden

Die versprochenen Links!

Toll, dass du hier bist. Das bedeutet, dass du einen meiner Vorträge bei einem WordPress Meetup besucht hast. Ich fühle mich sehr geehrt und hoffe, dass ich dich auf deiner Reise zur Barrierefreiheit inspirieren konnte.

Zwei sich diagonal überschneidende Wireframe-Illustrationen mit HTML-Elementen. Links das Beispiel, wie man es nicht machen sollte, gekennzeichnet durch eine rote Hand mit dem Daumen nach unten. Rechts sehen Sie ein Beispiel für die richtigen semantischen HTML-Elemente. Diese ist durch eine grüne Hand mit erhobenem Daumen gekennzeichnet.

Praktische Tools

Visuelles Tool um Farbkontrast zu checken: Colorshark.io
WAVE Browser Extension
AXE Dev Tools Browser Extension
Polypane*
DigitalA11Y Tublets Extension (Chrome) der beim Testen helfen kann, durch Raghavendra Satish Peri.
Checklist Barrierefreiheit (Englisch)
Web Developer Extension (Chrome) womit du sehr einfach als “nicht-Entwickler” CSS abschalten kannst, oder dir eine Linkliste anzeigen lassen kannst. Aber auch sehr hilfreich beim testen von andere Sachen.

Videos

Farbenblindheid und andere Sehbehinderungen simulieren im Browser.
So klinkt es für ein Screen Reader User wenn mann ASCII Art macht.
Silktide (viele kurze sehr unterhaltsame Videos)

Online-Kurse

The A11Y Collective*

Interessante Artikel & Tutorials

Building the most inaccessible site possible with a perfect Lighthouse score
Der Webshop mit 370000% ROI
Der EU Accessibility Act – Ab Juni 2025 ist Barrierefreiheit Pficht!
WAI accessibility Resources for developers
A Complete Guide To Accessible Front-End Components

„Das Bessere ist der Feind des Guten“

Voltaire

Achtung!

Links mit * enthalten einen Affiliate-Link. Die Einnahmen fließen in die Unterstützung von Open-Source-Entwicklern und Inklusions-Aktivisten. Lesen Sie mehr darüber unter “Warum ich Affiliate-Links auf meiner Website habe – vollständige Transparenz“.