Inclusive Design Principles

It's just good to remember the Inclusive Design Principles. It's all about designing for all of us.

Illustration: inclusivedesignprinciples.org

Closed-up of wood types.

Testing fonts for accessibility

A bite-sized guide to help you chose fonts with better legibility for all.

Presentation of Atkinson Hyperlegible typeface

A free hyperlegible typeface from the Braille Institute

The Atkinson Hyperlegible font a new typeface was designed with a greater legibility and readability for low vision readers. The Braille Institute has the generosity to make it free for anyone to use.
By the way, A11y Toolbox uses for the body content the Atkinson Hyperlegible!

A designer designing with all his heart

WCAG for designers

A checklist wrote by the British Designer Gari Reid to help designers ensure the product they design comply with the Web Content Accessibility Guidelines (WCAG).

(I personally keep it into my favorites!)

Dyslexia: seeing more than a regular brain allows (we see the bigger picture)

Dyslexia fonts

Dyslexia affects about 1 in 5 people worldwide. I am one of them! I appreciate the article questions the utility of Dyslexic fonts. And it gathers general font tips to help to improve the overall quality of your website's typography.

Original Illustration: Harriet Birt

A copy screen of how to fill the Alt Text field on Worpress. The image is my English Bull Terrier dog, Fran, smiling for a photo in a park.

How to write better alt-text descriptions for accessibility

Adding alt-text to images is an important aspect of web accessibility. But do you know how to write a good alt-text description? And... have a look on the comments, they are also interesting.

The six Do & Don't poster covers

Design for Accessibility: Six Do and Don’t posters

Since I'm learning to design for accessibility, I had to undesign a part of the design process taught during my design studies. The six Do and Don't posters on designing for accessibility released by the Home Office Digital have helped my Undesig Process.

How to design a color friendly UX

How to Design for Color Blindness

Five elements any designers should be focusing on for a color-friendly design.

A person is using a screen magnifier software to assist her ordering a pizza online.

Introduction to Web Accessibility

This free course presented by the W3C will give you solid foundations in accessibility and help you provide a better experience for everyone. Note: if you want to earn the certificate, you'll need to switch to the verified course.

A seven-steps guide to start designing a more accessible web

Designing for accessibility is not that hard

Pablo Stanley wrote and illustrated a 7-steps guide to start designing for a more accessible web. A must-read article ?

ColorOracle logo

Color Oracle

About 10% of the population - mostly males - has a form of colorblindness.
Color Oracle is a free color blindness simulator for Windows, Mac OS and Linux. It shows in real time what people with common color vision impairments see.

Learn how to design accessible forms

How to design an accessible form

The UX Designer, Núria Peña presents the best practices of how to make forms accessible for as many people as possible from a design perspective.