Ressourcen

Dieser Bereich ist meine Werkzeugkiste – die Seiten, die ich selbst im Alltag aufschlage, statt sie auswendig zu lernen. Die Theorie steht in den anderen vier Bereichen; hier geht es ums Nachschlagen, Kopieren und Mitnehmen.

In der Snippet-Bibliothek sammle ich erprobte Code-Bausteine zum Kopieren: ein visuell verstecktes Label, einen Skip-Link, ein barrierefreies Icon-Button-Muster, <details> als Akkordeon, einen <dialog> und mehr – jeweils mit kurzer Erklärung, warum sie so und nicht anders aufgebaut sind. Die Cheat-Sheets & Checklisten verdichten das, was man immer wieder braucht, auf eine schnell überfliegbare Form.

Wenn dir ein Begriff unterkommt, den ich an anderer Stelle als bekannt voraussetze, hilft das Glossar weiter: von ARIA über die Dokument-Outline bis zu WCAG, kurz und ohne Fachchinesisch erklärt. Unter Tools findest du die Programme und Dienste, mit denen ich Barrierefreiheit, Kontraste und Performance prüfe – von axe und WAVE über Lighthouse bis zu Screenreadern wie NVDA.

Im Blog / Aktuelles sammle ich Notizen zu Neuerungen – ehrlich gesagt steht der noch am Anfang, und ich verspreche dort lieber nichts, was ich nicht halten kann.

Alle Bausteine hier sind bewusst so gehalten, dass du sie ohne großes Framework übernehmen kannst – kopieren, einfügen, anpassen. Sie folgen denselben Prinzipien wie der Rest der Seite: native HTML-Elemente zuerst, so wenig ARIA wie möglich und immer am echten Einsatz orientiert statt an der Theorie. Wo es sinnvoll ist, verlinke ich von hier zurück auf den ausführlichen Artikel, der die Hintergründe erklärt – so bleibt der schnelle Griff zum Snippet mit dem nötigen Kontext verbunden.

Verstehe diesen Bereich als Ergänzung zu den ausführlichen Artikeln: Dort steht das Warum, hier das Wie zur Hand. Ich erweitere die Sammlung nach und nach, wenn mir im echten Projektalltag etwas begegnet, das ich beim nächsten Mal nicht wieder zusammensuchen möchte. Wenn dir eine Ressource fehlt, die hierher gehört, freue ich mich über einen kurzen Hinweis über die Kontaktseite.