SteBre ist die Website von Stefan Brechbühl. https://stebre.ch/favicon-32x32.png 2025-10-01T05:30:20Z https://stebre.ch Stefan Brechbühl mail@stebre.ch 2021-03-15T00:00:00Z https://stebre.ch/bookmarks/using-voiceover-to-evaluate-web-accessibility/

Eine umfangreiche Sammlung von Tastenbefehlen für VoiceOver.

2021-03-14T00:00:00Z https://stebre.ch/bookmarks/10-css-snippets-for-creating-stunning-animated-underline-text-effects/

Der Blogpost bietet Inspiration für animierte Unterstriche für Links.

2021-03-14T00:00:00Z https://stebre.ch/bookmarks/building-a-css-grid-overlay/

Anleitung um mit CSS Grid ein Layoutraster anzuzeigen.

2021-03-14T00:00:00Z https://stebre.ch/bookmarks/colour-management-part-1/

Der erste Teil einer Artikelserie zum Thema Farbmanagement.

2021-03-14T00:00:00Z https://stebre.ch/bookmarks/fast-load-times/

Ein Bereich auf web.dev, welcher sich voll dem Thema Performance richtet.

2021-03-14T00:00:00Z https://stebre.ch/bookmarks/herausforderung-der-richtige-alternativtext/

Eine kurze Anleitung um einen barrierefreien Alternativtext zu schreiben

2021-03-14T00:00:00Z https://stebre.ch/bookmarks/optimizing-images/

Ein umfangreicher Artikel für die performante Verwendung von Bildern fürs Web. Dies ist ein Auszug aus dem Buch *Designing for Performance*.

2021-03-14T00:00:00Z https://stebre.ch/bookmarks/our-users-have-no-disabilities/

Wieso es ein Irrglauben ist, dass Barrierefreiheit nicht nötig ist, wird hier etwas beleuchtet.

2021-03-04T00:00:00Z https://stebre.ch/bookmarks/rz-byleitfaden-barrierefreiheit/

Ein umfangreicher Leitaden einer Hochschule zur Barrierefreiheit. Dieser ist öffentlich auf Github geteilt.

2021-03-03T00:00:00Z https://stebre.ch/bookmarks/a-guide-to-combining-fonts/

Auf was geachtet werden sollte wenn verschiedene Schriften miteinander kombiniert werden.

2021-03-01T00:00:00Z https://stebre.ch/bookmarks/accessability-2-a-practical-handbook-on-accessible-graphic-design/

Ein praktisches Handbuch für barrierefreies Grafikdesign.

2021-03-01T00:00:00Z https://stebre.ch/bookmarks/andi-accessibility-testing-tool/

Ein Bookmarklet für die Überprüfung der Barrierefreiheit einer Website.

2021-03-01T00:00:00Z https://stebre.ch/bookmarks/how-to-make-custom-accessible-checkboxes-and-radio-buttons/

Es braucht etwas mehr um das Standardaussehen die Formularfelder Checkbox und Radio Button umzugestalten. Die Anleitung zeigt eine barrierefreie Lösung.

2021-02-25T00:00:00Z https://stebre.ch/bookmarks/5-keys-to-accessible-web-typography/

Fünf Tipps für barrierefreie Typografie.

2021-02-25T00:00:00Z https://stebre.ch/bookmarks/an-overview-of-pdf-inaccessibility/

Eine Zusammenfassung zur Herausforderung von barrierefreien PDF-Dokumenten.

2021-02-19T00:00:00Z https://stebre.ch/bookmarks/can-i-email/

Analog caniuse.com können mit caniemail.com Features geprüft werden ob und durch welche E-Mail-Clients sie unterstützt werden.

2021-01-10T00:00:00Z https://stebre.ch/bookmarks/software-localization-on-autopilot/

Ich habe bisher keine Erfahrung mit localazy gemacht. Es scheint jedoch ein umfangreiches und spannendes Übersetzungstool zu sein.

2020-12-28T00:00:00Z https://stebre.ch/bookmarks/keep-the-footer-at-the-bottom-flexbox-vs-grid/

Moderne Möglichkeiten wie mit CSS der Footer immer am unteren Bildschirmrand angezeigt wird, egal wieviel Inhalt die aktuelle Seite enthält.

2020-12-19T00:00:00Z https://stebre.ch/bookmarks/openmoji/

Eine Open Source Alternative von Emojis.

2020-11-25T00:00:00Z https://stebre.ch/bookmarks/under-engineered-responsive-tables/

Ein umfangreicher Blogartikel zu responsiven Tabellen mit der Barrierefreiheit im Fokus.

2020-11-09T00:00:00Z https://stebre.ch/bookmarks/typogrep/

In InDesign werden mithilfe von regulären Ausdrücken gezieltere Suchabfragen gemacht oder automatisierte Formate angelegt. Dieses Nachschlagewerk hilft dir dabei.

2020-10-23T00:00:00Z https://stebre.ch/bookmarks/state-of-css/

State of CSS ist eine Auswertung einer jährlichen Umfrage zu den Kenntnissen der CSS Möglichkeiten und Eigenschaften.

2020-10-11T00:00:00Z https://stebre.ch/bookmarks/bilder-schaerfen-in-photoshop/

Viele Wege führen nach Rom oder zur gewünschten Schärfe eines Bildes. Im Artikel werden verschiedene Methoden in Photoshop gezeigt.

2020-10-01T00:00:00Z https://stebre.ch/bookmarks/print-css-rocks/

Wer sich für PrintCSS interessiert, kommt nicht an dieser Gegenüberstellung der bekanntesten Lösungen vorbei.

2020-09-17T00:00:00Z https://stebre.ch/bookmarks/how-https-works/

Wie funktioniert https? Eine auflockernde Erklärung mithilfe von Comics.

2020-08-25T00:00:00Z https://stebre.ch/bookmarks/isoflow-network-diagrams/

Isoflow ist ein Tool um visuell ansprechende Diagramme zu erstellen.

2020-08-18T00:00:00Z https://stebre.ch/bookmarks/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/

Checkboxen und Optionsfelder lassen sich leider nicht so einfach mit CSS gestalten. Sara zeigt auf wie man es mit SVG Grafiken und zudem barrierfrei umsetzen kann.

2020-07-31T00:00:00Z https://stebre.ch/bookmarks/beyond-automatic-accessibility-testing-6-things-i-check-on-every-website-i-build/

Automatische Accessibility-Tests sind gut und nützlich. Aber sie ersetzen die manuelle Prüfung nicht. Manuel zeigt in seinem Blopost ein paar praktische Tipps wie getestet werden kann.

2020-07-31T00:00:00Z https://stebre.ch/bookmarks/grid-garden/

Auf CSS Grid Garden kann spielerisch der Umgang mit Layout Raster (CSS Grid) gelernt werden.

2020-07-21T00:00:00Z https://stebre.ch/bookmarks/post-css-preset-env/

Viele wertvolle Neuerungen in CSS werden mittlerweile von den Browsern unterstützt. postcss-preset-env ist ein spannendes Tool um noch weitere, künftige Möglichkeiten bereits heute zu nutzen.

2020-07-21T00:00:00Z https://stebre.ch/bookmarks/standards-for-writing-accessibly/

Einige wertvolle Tipps zur Barrierefreiheit aus dem Buch «Writing Is Designing» sind in diesem Blogartikel zu finden.