Live-Coding für mehr Barrierefreiheit: Artikelübersicht optimieren mit Gehirngerecht Digital

In unserem heutigen Live-Coding-Stream widmen wir uns dem wichtigen Thema Barrierefreiheit im Webdesign. Gemeinsam mit dem Accessibility-Consultant Tobias Roppelt von Gehirngerecht nehmen wir die Artikelübersicht auf rolandgolla.de unter die Lupe. Unser Ziel ist es, die Seite so zu optimieren, dass sie auch für Screenreader-Nutzerinnen und -Nutzer optimal nutzbar ist – eine Herausforderung, die standardmäßige Tools leider oft nicht erkennen. Mit einer durch Docker und Localtunnel bereitgestellten lokalen Entwicklungsumgebung arbeiten wir transparent und öffentlich an einer besseren Lösung.

Über Tobias Roppelt:
Tobias Roppelt ist leidenschaftlicher (UI/UX) Designer und Gründer der Gehirngerecht Digital GmbH. Seit über 9 Jahren hilft er Unternehmen dabei, ihre Webseiten und digitalen Produkte zu optimieren, um die bestmögliche Nutzererfahrung zu schaffen. Da er schon immer ein Faible für soziale Themen hatte, hat er sich entschlossen, seine Arbeit der Mission zu widmen, das Internet barrierefrei zu machen.

Mit Gehirngerecht Digital will er nicht nur barrierefreie digitale Auftritte und Produkte schaffen, sondern auch das Thema digitale Barrierefreiheit auf einfache und unterhaltsame Weise den Menschen näher bringen.

LinkedIn:   / tobias-roppelt  

Website von gehirn gerecht: https://gehirngerecht.digital/
YouTube:    / @gehirngerechtdigital  
WCAG-Kriterien: https://gehirngerecht.digital/wcag-kr...
Gratis Download Plan für Barrierefreiheit: https://gehirngerecht.digital/dein-pl...

00:00 Barrierefreiheit im Internet Experten Talk mit Marc Haunschild, Tobias Roppelt und Roland Golla
03:23 Blog Übersicht mit Tab Index für Screenreader barrierefrei für Content Management Systeme umsetzen
06:35 Live Coding HTML lernen mit Twig Templates und Roland Golla
09:04 HTML Struktur für Screenreader optimieren und CSS Order mit Flex Box nutzen
26:39 Fine Tuning mit Tailwind CSS Padding Top
35:13 Alternative Link Titel für barrierefreies Webdesign und mehr Barrierefreiheit im Internet
47:09 CSS Box Shadow für Fokus und Hover Effekte in Arikel Übersicht für einen Wordpress Blog
52:57 Git Commit und live Deployment mit der GitLab CI CD Pipeline

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Hier geht es zu unseren Social-Media-Kanälen:

► Patreon:   / nevercodealone  
► Twitter:   / nevercodealone  
► Instagram:   / nevercodealone  
► LinkedIn:   / never-code-alone  
► Facebook:   / nevercodealone  

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Das sind unsere Webseiten:

► Never Code Alone bietet kostenlose und kommerzielle live Coding Events und PHP Kurse für Fortgeschrittene an und unterstützt soziale Projekte https://nevercodealone.de

► TESTIFY - Agentur für Website Testing mit Cypress.IO und dem Codeception Testing Framework https://testify.team/

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Du möchtest Never Code Alone unterstützen?
Dann lass uns gerne ein Abo da und schreibe deine Fragen und/oder Anregungen in die Kommentare.

Danke fürs zuschauen!
Ich hoffe das Video hat dir gefallen.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Kontakt: roland@nevercodealone.de