Beiträge mit dem Stichwort „design“

2024

Verschiedene Farbthemen mit einem zweifarbigen Fokusindikator unterstützen

Erstellt am

Nahaufnahme von den Händen einer Person, die auf einer Laptop-Tastatur schreibt.

So erzeugt ihr einen barrierefreien, universellen Fokusindikator, der im hellen und dunklen Modus funktioniert.

Weiterlesen

Optimiert eure Designs mit Barrierefreiheits-Anmerkungen

Erstellt am

Zwei Mitarbeiterinnen eines Blumengeschäfts betrachten das Tablet vor ihnen auf dem Tisch.

Markiert Überschriften, Alternativtexte, Links und Buttons in euren Prototypen.

Weiterlesen

2023

Wie Ihr die WCAG 2.2 erfüllt — Ein paar praktische Beispiele

Erstellt am

Das Gesicht einer Frau, das zur Hälfte von einem Buch mit grünem Umschlag verdeckt wird.

Ein kurzer Überblick über die neuen Erfolgskriterien und praktische Beispiele für konkrete Anwendungsfälle.

Weiterlesen

Wie ihr das volle Potential von Inline-SVG-Bildern entfaltet

Erstellt am

Eine Frau malt eine Katzenfigur auf ein Stück Papier.

Ein Inline-SVG-Bild kann mit CSS leicht angepasst werden und ist sehr flexibel.

Weiterlesen

Checkliste für barrierefreie UI-Komponenten-Bibliotheken

Erstellt am

Ein Spielzeug wird aus dutzenden Lego-Bausteinen zusammengesetzt.

Schaffe ein einheitliches, barrierefreies Design und beschleunige den Entwicklungsprozess.

Weiterlesen

Responsives Komponenten-Design mit CSS Container Queries

Erstellt am

Übereinander gestapelte Kaffeedosen unterschiedlicher Größe.

Gestalte responsive, wiederverwendbare Komponenten, die sich an den verfügbaren Platz in ihrem Container anpassen.

Weiterlesen

Bringe deine Layouts auf Linie mit CSS Subgrid

Erstellt am

Ein Schachbrett mit einem Raster aus Zeilen und Spalten.

Verschachtelte Grid-Container können ihre Zeilen und Spalten perfekt aufeinander ausrichten.

Weiterlesen

2022

Ein Gespräch mit ChatGPT über Web-Barrierefreiheit und populäre Mythen

Erstellt am

Eine menschliche Hand mit ausgestrecktem Zeigefinger nähert sich einer Roboterhand an.

Die künstliche Intelligenz beeindruckt mit durchdachten und gut formulierten Antworten. Aber sie ist nicht perfekt.

Weiterlesen

CSS Cascade Layers in Angular verwenden

Erstellt am

Eine Torte mit mehreren erkennbaren Schichten.

Strukturiere deine Styles und vermeide lästige Konflikte aufgrund der Spezifität oder Reihenfolge der Deklaration.

Weiterlesen

Wie du ein Gespür für digitale Barrierefreiheit entwickelst

Erstellt am

Finger berühren die Seite eines Buches in Braille-Schrift.

Sich Schritt für Schritt dem Thema annähern und offen für neue Perspektiven sein.

Weiterlesen

Barrierefreie Web-Formulare mit individuellem Design gestalten

Erstellt am

Pinsel und Malspachtel auf einer bunt bemalten Leinwand.

Style native Formularelemente mit CSS, um barrierefreie Web-Formulare mit konsistentem Look zu gestalten.

Weiterlesen

Gestalte deutlich sichtbaren Tastaturfokus mit :focus-visible

Erstellt am

Nahaufnahme von Händen einer Person, die auf einer Laptop-Tastatur schreibt.

Schickes Design oder Barrierefreiheit? Mit der CSS-Pseudoklasse :focus-visible könnt ihr sowohl Tastatur-User als auch eure Kunden zufriedenstellen.

Weiterlesen