A11y Toolbox – Page 4

Extract of the original article "Building an accessibility Library"

Stop Password Masking

Masking passwords is an old practice that’s commonly implemented in sign-up and log-in forms. But masking passwords doesn't even increase security, but it costs your company business due to login failures.

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.

Cards for Humanity

Cards for Humanity is a practical tool to help you design more inclusively.
How to play? Deal two cards: a person and a trait. Together they make a random user scenario. You can use this scenario to test your concepts, products or from a different perspective.

Ebook cover of Accessibility for Digital Experience

Accessibility for Digital Experiences 101

This is a comprehensive guide for those who need practical tips for designing digital products more accessible.
Personal note: even if that guide is about starting accessible digital products, I profoundly regret it was designed (and validated!) with so poor contrast-ratios!

Free e-book (pdf format)

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.

Homepage of Stark blurred to stimulate a bad bad headache

Blurred Vision simulation

Stark now offers a new feature in its plug-in for Sketch and Figma that stimulates blur vision - astigmatism, presbyopia, dry eye syndrome, cataracts, glaucoma and age-relation macular degeneration.

This option is available in the pro version of the plug-in for $60/yr.