Accessibilité

A beginner's guide to digital accessibility.

Rendre son site accessible à tous n’est pas une démarche inclusive, c’est obligatoire. Maddyness vous délivre 8 clés pour y parvenir.

Sur le web, les boutons sont partout. Il est très rare de voir un site web sans bouton. En effet, les boutons servent à soumettre des formulaires ou à actionner des interactions gérées via JavaScript. En revanche, les boutons ne servent pas à aller sur une autre page web (ou à une zone de la page web en cours de consultation) ; ça, ce sont les liens qui le font. Parfois, les liens ont des têtes de boutons ; on les appelle même les call to action (CTA) dans le jargon du marketing. Parfois, et c’est pire que tout, des éléments ont des têtes de boutons mais, dans le code, ils ne sont ni des liens, ni des boutons. Ils sont une image, une div, un span, un élément a sans attribut href ou je ne sais quoi encore. Ils sont inutilisables au clavier ou avec une technologie d’assistance comme un lecteur d’écran et sont donc inaccessibles pour les personnes handicapées. Nous sommes là face à un problème d’accessibilité web critique que nous devons résoudre. Je vais essayer d’expliquer au mieux ce qu’il faut faire pour avoir un code HTML sémantique, utilisable, accessible en ce qui concerne les boutons.

At Polypane, accessibility is one of the three core areas we focus on, along with performance and responsive design. If…

10 Web Design Tips Everyone Benefits From

Just enough information for stakeholders seeking advice on web accessibility overlay procurement.

An up-to-date collection of accessible front-end components: accordions, form styles, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.

A majority of video views for publishers and advertisers on Facebook happen with the sound off -- the result of embracing the platform's unique features.

Creating highly accessible Web content is complicated, and tends to start with a lot of training. Familiar practices must be discouraged: Tables should not be used to create fake columns Running text should not be centered or justified Visual-only formatting (font weight and size) should not be relied on to provide meaning to users, who may be hearing the content or viewing it in "reader mode" New practices must be encouraged: Images need contextually meaningful alternative text Pages need real structure Links should have meaningful titles Certainly some of our

An open letter about accessibility overlays.

Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to "layered accessibility testing”, a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early — when it’s easier and cheaper to fix them.

Grâce au numérique et à des technologies d’assistance efficaces, nous, internautes handicapés, pouvons exercer notre pleine participation à la vie en société : travailler, accéder à des documents, faire nos courses… Mais malgré la législation, trop de sites nous restent inaccessibles. Au programme : pourquoi faire accessible, mauvaises et bonnes pratiques et quelques pistes pour y arriver.

Making your PowerPoint presentation files accessible is one thing, but how you present, introduce and explain your content is equally important.

AccesSlide est un framework JavaScript qui vous permet de produire des diaporamas accessibles, facilement utilisables et personnalisables.

It’s not about writing the most sophisticated code or finding the most clever solution to a problem; it’s about users and whether they’re able to use our products.” Manuel Matuzovic shares 11 lesso…

We tend to develop and design for perfect people in a perfect environment. But should we? Web accessibility is for everyone!

Everything that makes accessibility difficult ties back to one root cause: People not giving a damn about others who are different.

Let's review how to create a design system with baked-in accessibility and how to find and audit accessibility issues in our existing design systems.

The Mental Health Patterns Library is a public library that contains a set of principles, patterns and examples for the design and delivery of digital services and products that address mental health needs.

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.

L'assistant RGAA, extension d'aide pratique pour réaliser des audits d'accessibilité numérique se met à jour avec les critères du RGAA 4.0 et 4.1.

Vous avez sûrement vu passer des sites web avec des boutons appelés « Accessibilité » ou avec une icône de personne en fauteuil roulant ou une icône basée sur l'homme de Vitruve. Ou alors, peut-être ne les avez-vous même pas remarqués car ils sont parfois bien cachés. Nous les appellerons ici des « outils de surcouche d'accessibilité web ». Lorsqu'on clique sur un de ces boutons, cela ouvre généralement un panneau avec de nombreuses options pour, notamment, personnaliser l'apparence du site : augmenter les contrastes de couleurs du texte, augmenter la taille de police ou l'interlignage, arrêter les animations, etc. Sur le web, ces boutons fleurissent de plus en plus. Ce sont des outils qui se disent être des « solutions d'accessibilité web » et qui disent permettre de rendre les sites accessibles voire conformes aux standards d'accessibilité et donc à la loi. On reproche beaucoup de choses à ces outils. Certaines personnes ont besoin d'arguments, de sources lorsqu'on leur suggère d'installer ce genre d'outils au lieu de mettre en place une démarche de mise en accessibilité globale d'un site web. Je pense qu'il est donc nécessaire de faire le point sur le sujet pour savoir à quoi nous en tenir.

Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues.

Retail businesses are losing £17 billion a year by ignoring accessibility needs. Find out how Web Accessibility and SEO overlaps.

Resources used to make the business case for digital accessibility.