Posts tagged with “design”

2024

Support different color themes with a two-color focus indicator

Posted on

Closeup of a person's hands typing on a laptop keyboard.

Create an accessible, universal focus indicator that works in light and dark mode.

Read More

Enhance your Designs with Accessibility Annotations

Posted on

Two employees of a flower store look at the tablet on the table in front of them.

Mark headings, alternative texts, links and buttons in your prototypes.

Read More

2023

How To Meet WCAG 2.2 — Some Practical Examples

Posted on

A woman's face partially hidden behind a book with a green cover.

A quick overview of the new success criteria and some practical examples for specific use cases.

Read More

Unleash the Power of Inline SVG Images

Posted on

Woman painting a cat figure on a piece of paper.

An inline SVG image can be easily customized with CSS and is highly flexible.

Read More

Checklist for Accessible UI Component Libraries

Posted on

A toy is assembled from dozens of Lego bricks.

Provide a consistent, accessible design and speed up the development process.

Read More

Responsive Component Design with CSS Container Queries

Posted on

Different size coffee cans stacked on top of each other.

Create responsive, reusable components that adapt to the available space of their container.

Read More

Design Perfectly Aligned Layouts with CSS Subgrid

Posted on

A chessboard with a grid of rows and columns.

Nested grid containers can align their rows and columns using the subgrid feature.

Read More

2022

A Conversation with ChatGPT about Web Accessibility and Widespread Myths

Posted on

A human hand with an outstretched index finger approaches a robot hand.

The artificial intelligence impresses with thoughtful and well composed answers. But it's not perfect.

Read More

Using CSS Cascade Layers in Angular

Posted on

A cake with several visible layers.

Structure your styles and avoid pesky conflicts with specificity or order of appearance.

Read More

How to develop a keen sense for Digital Accessibility

Posted on

Fingers touch the page of a book in Braille.

Approach the topic step by step and be open to new perspectives.

Read More

Create Accessible Web Forms with Custom Styling

Posted on

Brush and spatula on a brightly painted canvas.

How to apply custom styling to native form controls and create accessible web forms with a consistent look across all platforms.

Read More

Provide highly visible Keyboard Focus with :focus-visible

Posted on

Closeup of a person's hands typing on a laptop keyboard.

Fancy design or accessibility? The :focus-visible pseudo-class enables you to support keyboard-only users and satisfy clients.

Read More