The five best design links, every weekday


How to create a screen reader accessible graph like Apple’s with D3.js

After previously writing about the accessibility of Apple Health’s data visualizations, I felt inspired to recreate one of them with D3.js.

What we can learn from Apple’s dataviz accessibility

Apple’s design is an inspiration to many, but are their data visualizations screen reader accessible?

An introduction to accessible data visualizations with D3.js

Data visualizations can be great to communicate complex data in an easy way, but only if they're made to be accessible.

An intro to designing accessible data visualizations

Accessibility should always be a focus when designing products, and the same goes when working with data visualizations and graphs.

How to create an accordion hover effect with box-shadows

In this tutorial we'll use the box-shadow property to create a layered card component, and animate it on hover.

How I recreated a Polaroid camera with CSS gradients only

Earlier I remade the design of an old calculator entirely in CSS.

Tools for designing good-looking accessible interfaces

It's important for me that everything I design is both accessible, ethical and user friendly.