At Smashing we believe a good website is an accessible website, one which is available to everyone, no matter how they browse the web. This guide highlights our content which can help you create more accessible sites and web applications.
juliemoynat/surcouches-accessibilite: (FR) Liste d'outils de surcouches d’accessibilité web - (EN) List of web accessibility overlays
(FR) Liste d'outils de surcouches d’accessibilité web - (EN) List of web accessibility overlays - juliemoynat/surcouches-accessibilite: (FR) Liste d'outils de surcouches d’accessibi...
Créer des boutons accessibles et dignes de ce nom en HTML - La Lutine du Web
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.
A Complete Guide To Accessible Front-End Components — Smashing Magazine
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.
85 percent of Facebook video is watched without sound - Digiday
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
How To Bake Layers Of Accessibility Testing Into Your Process — Smashing Magazine
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.
Améliorer la participation des personnes handicapées à la société (enfin !) grâce à l’accessibilité numérique — Transcription – Access42
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.
My Accessibility Journey: What I’ve Learned So Far
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…
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.