In-depth explanation of how to customize inputs in CSS, add SVG animations and keep everything accessible.

The bottom line is this: we don’t have control over how content is consumed. Users have personal browser settings, the ability to zoom in and out, and various other ways to customize their reading experience. But we do have best CSS best practices we can use to maintain a good user experience alongside those preferences

J’essaye de travailler à rendre le web meilleur et notamment accessible aux personnes handicapées. C’est possible avec mon métier mais on est bien peu de chose face à l’immensité du web.

It is not uncommon for experts to be told sometimes: "Google does this" or "Apple does that" to justify terrible practices. Except that Apple and Google are just as often wrong as the rest of us. Their notoriety doesn't make them better, it just increases their level of accountability. Nothing more but nothing less.

Sans accessibilité réelle, ces outils ne fonctionnent pas bien. Sans accessibilité réelle, les personnes handicapées seront toujours handicapées par l’inaccessibilité des sites web. C’est une aberration de vendre ces outils en les opposants à la mise en accessibilité d’un site web. Oui, c’est moins cher mais c’est parce que ce n’est pas du tout la même chose. La magie n’existe pas.

When you need to work on interfaces, color contrast is a real thing you have to take into account to make it accessible. You have the right to be afraid of losing part of the aesthetics of your beautifully well designed interface, and you are right if you are used to poor contrast ratio. Accessibility comes with its constraint, but not much more than UX (User Experience) Design.

Besides enriching the lives of millions of persons with disabilities, practicing accessibility proactively protects your brand and bottom line.

Accessibility is a holistic practice, essential to some but useful to all. It is a practice that touches on many aspects of good web design and development, especially performance. This talk will highlight opportunities and techniques to improve your website or web app’s performance by embracing an accessible, inclusive mindset.

C’est un bon début mais il ne faut surtout pas se limiter à ce type de test. Il faut poursuivre par des tests manuels réalisés par des auditeurs en accessibilité, et idéalement compléter avec des tests d’utilisateurs en situation de handicap.
[…] Quoiqu’il en soit, il est important de garder en tête qu’il n’existe pas d’outil magique concernant l’accessibilité. Il y a juste des outils (et c’est déjà pas mal) qui permettent de faciliter le travail d’un auditeur en accessibilité.

Shows how different HTML attributes behave in commonly used screen readers.

"The new HTML5 elements can offer so much to improve user experience and provide consistency and accessibility ‘out of the box’ to save developers time. But […] the concepts are currently let down by sloppy, or absent support from the browser and assistive technology manufacturers."

A bible for typolovers.

La vie est bien faite : il existe des alternatives accessibles pour toutes les problématiques de design web. Je n’en ai évoquées que quelques-unes dans cet article, mais il en existe bien d’autres.

La vieille croyance selon laquelle l’accessibilité ferait peser une contrainte graphique sur les sites, qui seraient de facto « forcément moches » s’ils sont accessibles, provient peut-être du fait qu’on a longtemps eu une vision jusqu’au-boutiste de l’accessibilité, ce qui a pu aboutir à des résultats graphiques malheureux.

"Rather than give up or wait for clients to ask, we’ve found that the practices I outlined in this article lead to a lasting culture at Viget that values thinking about accessibility throughout a project and throughout the company."

"Lack of accessibility in agency work is a problem that we can solve with a little awareness and education. Beautiful and interactive sites can be accessible."

A lot of knowledge and effort must be made to create a user-friendly and accessible website, including something as seemingly trivial as an icon. With a lot of hard work I hope you find the icon solution that’s right for you and your website—at least for now.

Automating Your Accessibility Tests with aXe and pa11y

Web Content Accessibility Guidelines—for People Who Haven't Read Them

• Don’t use ARIA menu semantics in navigation menu systems.
• On content heavy sites, don’t hide structure away in nested dropdown-powered navigation menus.
• Use aria-expanded to indicate the open/closed state of a button-activated navigation menu.
• Make sure said navigation menu is next in focus order after the button that opens/closes it.
• Never sacrifice usability in the pursuit of JavaScript-free solutions. It’s vanity.

Client side accessibility error scanner.